INST630 - DEMO

LOGO

\n \n

\n\n

\n \n

\n\n \n \n",[],[174],{"_104":183,"_96":184,"_155":116,"_157":-5,"_158":141,"_159":185,"_160":118,"_106":186,"_101":187,"_163":188,"_165":189,"_167":22,"_168":-5,"_169":190,"_99":191},"40c0e32a-83b7-11f0-bfe5-0224a6c84d84","main.tsx",26,["D",1756348353699],3,"http","import { staticHTTPServer } from \"https://esm.town/v/std/utils/index.ts\";\nexport default staticHTTPServer();",[],[184],{"_104":193,"_96":194,"_155":195,"_157":-5,"_158":141,"_159":196,"_160":118,"_106":197,"_101":198,"_163":164,"_165":199,"_167":22,"_168":-5,"_169":200,"_99":201},"63ae0f30-83c5-11f0-8fc5-0224a6c84d84","queries.css","9b7cb018-83c2-11f0-ab5c-0224a6c84d84",140,["D",1756354425251],13,"/* Responsive adjustments for smaller screens */\n@media (max-width: 700px) {\n .header-content {\n grid-template-columns: 1fr;\n gap: 32px;\n }\n\n .nav-group h3 {\n font-size: 16px;\n }\n\n .nav-group a {\n font-size: 14px;\n }\n}",[],[194],{"_104":203,"_96":204,"_155":205,"_157":-5,"_158":141,"_159":206,"_160":118,"_106":207,"_101":208,"_163":164,"_165":209,"_167":22,"_168":-5,"_169":210,"_99":211},"3f534ef2-83c5-11f0-a08c-0224a6c84d84","style.css","83f7b560-83b2-11f0-a520-0224a6c84d84",139,["D",1756354364260],80,"/* Universal settings */\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: \"Helvetica\", sans-serif;\n background: #f7f9f9;\n color: #2F4C47;\n display: flex;\n flex-direction: column;\n gap: 16px;\n min-height: 100vh;\n}\n\nheader h1 {\n font-size: 32px;\n font-weight: 600;\n text-align: center;\n margin: 0 0 16px 0;\n padding: 32px;\n border-bottom: 2px solid #bed8d4;\n background: #bed8d4;\n}\n\n.header-content {\n display: grid;\n grid-template-columns: 1fr 1fr;\n column-gap: : 24px;\n justify-content: space-between;\n padding: 32px;\n}\n\n.nav-menu {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n align-items: start;\n}\n\n.logo {\n font-size: 18px;\n font-weight: 600;\n}\n\n.nav-group {\n display: grid;\n grid-template-rows: repeat(3, 1fr);\n row-gap: 4px;\n}\n\n.nav-group h3{\n font-size: 18px;\n font-weight: 600;\n margin-bottom: 12px;\n}\n\n.nav-group a {\n text-decoration: none;\n color: #45736C;\n transition: all 0.3s; /* Smooth transition for style changes like color on hover */\n}\n\n.nav-group a:hover {\n color: #A6C9C4;\n}\n\nmain {\n flex:1; /* Expand to fill the remaining vertical space so that the footer stays at the bottom */\n}\n\n.image {\n width: 100%;\n height: 500px;\n object-fit: cover;\n object-position: center;\n}\n\nfooter p{\n margin: 0;\n padding: 32px;\n text-align: center;\n}\n\nfooter p a{\n text-decoration: none;\n color: #45736C;\n transition: all 0.3s;\n}\n\nfooter p a:hover{\n color: #A6C9C4;\n}",[],[204],"files",[153,172,182,192,202],"counts",{"_216":32,"_217":218,"_219":32,"_220":221,"_224":225},"pulls","branches",1,"forks","envVars",{"_222":32,"_223":32},"count","emptyCount","connections",{"_222":32,"_226":32},"unfilledCount","contents",[],{"_104":154,"_96":100,"_155":156,"_157":-5,"_158":141,"_159":140,"_160":118,"_106":230,"_101":162,"_163":164,"_165":166,"_167":22,"_168":-5,"_99":231},["D",1756355095010],[100],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name.branch.$branch.history_.$",{"_94":95,"_96":97,"_98":44,"_99":100,"_102":240,"_164":245,"_248":249,"_287":288,"_298":-7,"_299":32,"_300":22},{"_104":105,"_96":97,"_106":241,"_108":-5,"_109":22,"_110":111,"_112":-5,"_113":-5,"_14":114,"_115":116,"_117":118,"_119":118,"_120":-5,"_121":32,"_16":122,"_123":124,"_125":124,"_126":127,"_128":127,"_129":127,"_130":124,"_131":124,"_23":242,"_135":243,"_138":244,"_150":22},["D",1756346270508],{"_94":95,"_133":134},{"_94":95,"_137":134,"_14":114},{"_101":140,"_96":44,"_104":141,"_142":105,"_143":-5,"_144":-5,"_145":-5,"_146":-5,"_147":-5,"_148":97,"_149":95},{"_104":154,"_96":100,"_155":156,"_157":-5,"_158":141,"_159":140,"_160":118,"_106":246,"_101":162,"_163":164,"_165":166,"_167":22,"_168":-5,"_99":247},["D",1756355095010],[100],"history",[250,252,257,262,267,272,277,282],{"_104":154,"_158":141,"_155":156,"_96":100,"_165":166,"_163":164,"_101":162,"_157":-5,"_106":251,"_159":140,"_168":-5},["D",1756355095010],{"_104":253,"_158":141,"_155":156,"_96":100,"_165":166,"_163":164,"_101":254,"_157":-5,"_106":255,"_159":256,"_168":-5},"c0dc9bda-83c6-11f0-bd23-0224a6c84d84",6,["D",1756355011082],145,{"_104":258,"_158":141,"_155":156,"_96":100,"_165":166,"_163":164,"_101":259,"_157":-5,"_106":260,"_159":261,"_168":-5},"657269fa-83c6-11f0-a048-0224a6c84d84",5,["D",1756354857713],144,{"_104":263,"_158":141,"_155":156,"_96":100,"_165":166,"_163":164,"_101":264,"_157":-5,"_106":265,"_159":266,"_168":-5},"513c2d68-83c6-11f0-8a51-0224a6c84d84",4,["D",1756354823794],143,{"_104":268,"_158":141,"_155":156,"_96":100,"_165":269,"_163":164,"_101":187,"_157":-5,"_106":270,"_159":271,"_168":-5},"39d1e9ec-83c6-11f0-9247-0224a6c84d84","# INST630 Demo\n\nThis is a simple responsive webpage demo for INST630.\n\n## Files\n\n- **index.html** → Main HTML structure (header, nav, main, footer)\n- **style.css** → Base styling and layout (flexbox, grid, colors, typography)\n- **queries.css** → Responsive adjustments with media queries\n- **main.tsx** → Val Town configuration for serving static files\n- **README.txt** → Project documentation",["D",1756354784521],142,{"_104":273,"_158":141,"_155":156,"_96":100,"_165":73,"_163":164,"_101":274,"_157":-5,"_106":275,"_159":276,"_168":-5},"d374452a-83c3-11f0-a588-0224a6c84d84",2,["D",1756353753784],135,{"_104":278,"_158":141,"_155":156,"_96":100,"_165":73,"_163":279,"_101":218,"_157":-5,"_106":280,"_159":281,"_168":-5},"d36dcfc4-83c3-11f0-a588-0224a6c84d84","script",["D",1756353753741],134,{"_104":283,"_158":141,"_155":156,"_96":284,"_165":73,"_163":279,"_101":32,"_157":-5,"_106":285,"_159":286,"_168":-5},"cf00016e-83c3-11f0-9d87-0224a6c84d84","new-file-1903.tsx",["D",1756353746313],133,"versions",[289,291,292,293,294,295,296,297],{"_164":250,"_290":252},"previous",{"_164":252,"_290":257},{"_164":257,"_290":262},{"_164":262,"_290":267},{"_164":267,"_290":272},{"_164":272,"_290":277},{"_164":277,"_290":282},{"_164":282,"_290":-5},"versionNumber","page","hasNext","actionData","errors"]

gia

INST630-demo

History for README.txt