[{"data":1,"prerenderedAt":188},["ShallowReactive",2],{"blog-post-docs\u002Fproject-anatomy":3,"sibling-dives-docs\u002Fproject-anatomy":186,"learn-track-docs\u002Fproject-anatomy":187},{"id":4,"title":5,"authors":6,"body":7,"breadcrumb":6,"builders":6,"byline":6,"category":168,"categoryName":169,"challenge":6,"courseAuthor":6,"courseLead":6,"dek":6,"description":170,"draft":171,"extension":172,"eyebrow":6,"featured":171,"finish":6,"fork":6,"hero":6,"heroAlt":6,"heroCta":6,"heroImage":6,"homepageFeatured":171,"kind":173,"lessonCount":6,"meta":174,"navigation":175,"newsItems":6,"next":6,"ogImage":6,"order":176,"outcomes":6,"path":177,"publishDate":178,"readingTime":6,"related":179,"relatedProjects":6,"seo":180,"stem":183,"tags":184,"track":6,"trackName":6,"__hash__":185},"blog\u002Fblog\u002Flearn\u002Fdocs\u002Fproject-anatomy.md","The project page",null,{"type":8,"value":9,"toc":163},"minimark",[10,14,21,110,115,131,135],[11,12,13],"p",{},"Every Qollab project uses the same layout. Here is the map, so the rest of these docs make sense.",[15,16],"blog-figure",{"alt":17,"caption":18,"no":19,"src":20},"A Qollab project page with four numbered areas: the tabs, the main column, the sidebar, and the header.","The four areas of a project page.","","\u002F_content\u002Fimages\u002Fdocs\u002Fproject-anatomy.webp",[22,23,24,40,58,88],"ol",{},[25,26,27,31,32,35,36,39],"li",{},[28,29,30],"strong",{},"The tabs."," A project has two: ",[28,33,34],{},"Project Card"," and ",[28,37,38],{},"Code",". Project Card holds your write-up and details. Code holds the editor and the runner where circuits execute.",[25,41,42,45,46,49,50,53,54,57],{},[28,43,44],{},"The main column."," Your project ",[28,47,48],{},"title",", an optional ",[28,51,52],{},"thumbnail"," image, and the ",[28,55,56],{},"write-up",", a Markdown editor with a Preview toggle and support for math notation.",[25,59,60,63,64,67,68,71,72,75,76,79,80,83,84,87],{},[28,61,62],{},"The sidebar."," Your ",[28,65,66],{},"contributors",", ",[28,69,70],{},"tags",", the ",[28,73,74],{},"About"," summary that shows on your project card, your published ",[28,77,78],{},"versions",", and links to a ",[28,81,82],{},"repository"," or a ",[28,85,86],{},"website",".",[25,89,90,93,94,97,98,101,102,105,106,109],{},[28,91,92],{},"The header."," A ",[28,95,96],{},"Draft"," label until you publish, the ",[28,99,100],{},"Publish"," button, ",[28,103,104],{},"Run on Qollab",", and the ",[28,107,108],{},"⋯"," menu for project settings and delete. The autosave status also appears here as you edit.",[111,112,114],"h2",{"id":113},"draft-versus-published","Draft versus published",[11,116,117,118,121,122,125,126,130],{},"A project is ",[28,119,120],{},"private"," while it is a draft: only you can see it. ",[28,123,124],{},"Publishing"," makes it publicly reachable at ",[127,128,129],"code",{},"qollab.xyz\u002Fu\u002F\u003Cyour-username>\u002F\u003Cproject>"," and tags a version, starting at v1.0. After that, edits save as a new draft on top of the published version, and you choose when to publish those changes. Nothing you edit goes live until you publish it.",[111,132,134],{"id":133},"related","Related",[136,137,138,145,151,157],"ul",{},[25,139,140],{},[141,142,144],"a",{"href":143},"\u002Flearn\u002Fbuilding-your-first-qollab-project\u002Fcreate-project","Create a Project on Qollab",[25,146,147],{},[141,148,150],{"href":149},"\u002Flearn\u002Fdocs\u002Fwrite-your-project-page","Editing your project",[25,152,153],{},[141,154,156],{"href":155},"\u002Flearn\u002Fdocs\u002Fpublish","Publishing and versions",[25,158,159],{},[141,160,162],{"href":161},"\u002Flearn\u002Fdocs\u002Frun-your-code","Running your code",{"title":19,"searchDepth":164,"depth":164,"links":165},2,[166,167],{"id":113,"depth":164,"text":114},{"id":133,"depth":164,"text":134},"projects","Projects","A map of the Qollab project page: the two tabs, the write-up, the sidebar, and the header, and what draft versus published means.",false,"md","doc",{},true,1,"\u002Fblog\u002Flearn\u002Fdocs\u002Fproject-anatomy","2026-09-05",[],{"title":181,"description":182},"The project page · Qollab docs","The parts of a Qollab project page and how they fit together, plus what changes when you publish.","blog\u002Flearn\u002Fdocs\u002Fproject-anatomy",[],"1SdoXQ5bCHa1JwyqnYPtJHW3XaRhOr8COq3HqjypZw8",[],[],1788731751196]