website/_includes/layouts/main.tsx

export default function({ title, header, children, comp }) {
  return (
    <html>
      <head>
        <meta charSet="utf-8"/>
        <title>{ title }</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <link rel="stylesheet" href="/styles/main.css"/>
      </head>
      <body>
        { comp.navbar() }
        { comp.header(header) }
        { children }
      </body>
    </html>
  );
}
Add header component 2023-07-26 16:34:06 -04:00			`export default function({ title, header, children, comp }) {`
Add home page and main layout 2023-07-23 16:44:56 -04:00			`return (`
			`<html>`
			`<head>`
Change `charset` to `charSet` in `<meta>` tag 2023-07-23 20:20:39 -04:00			`<meta charSet="utf-8"/>`
Add home page and main layout 2023-07-23 16:44:56 -04:00			`<title>{ title }</title>`
Set viewport meta tag 2023-07-23 21:50:39 -04:00			`<meta name="viewport" content="width=device-width, initial-scale=1.0"/>`
Fix link of stylesheet Use an absolute path so that it always starts at the root of the project. 2023-07-26 09:08:26 -04:00			`<link rel="stylesheet" href="/styles/main.css"/>`
Add home page and main layout 2023-07-23 16:44:56 -04:00			`</head>`
			`<body>`
Under the hood changes to container styles Previously, the entire main content was fitted inside one element. Now, each section and container handle their own paddings and margins. This allows for more flexibility as to how each container can be styled. 2023-07-26 22:31:46 -04:00			`{ comp.navbar() }`
			`{ comp.header(header) }`
			`{ children }`
Add home page and main layout 2023-07-23 16:44:56 -04:00			`</body>`
			`</html>`
			`);`
			`}`