website/_includes/layouts/main.tsx

export default function({ title, description, children, comp }) {
  return (
    <html>
      <head>
        <meta charSet="utf-8"/>
        <title>{title}</title>
        <meta name="description" content={description}/>
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
        <link rel="stylesheet" href="/styles/main.css"/>
        <link rel="icon" type="image/png" href="/icons/tabicon-16.png" sizes="16x16" />
        <link rel="icon" type="image/png" href="/icons/tabicon-32.png" sizes="32x32" />
        <link rel="icon" type="image/png" href="/icons/tabicon-96.png" sizes="96x96" />
        <link rel="icon" type="image/png" href="/icons/tabicon-128.png" sizes="128x128" />
        <link rel="icon" type="image/png" href="/icons/tabicon-196.png" sizes="196x196" />
      </head>
      <body>
        { comp.navbar() }
        { comp.header({title, description}) }
        { children }
        { comp.separator() }
        { comp.footer() }
      </body>
    </html>
  );
}
Remove heading and subheading metadata We just use `title` and `description` now. 2023-08-03 18:31:28 -04:00			`export default function({ title, description, 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"/>`
Remove heading and subheading metadata We just use `title` and `description` now. 2023-08-03 18:31:28 -04:00			`<title>{title}</title>`
			`<meta name="description" content={description}/>`
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 tab icons 2023-08-01 21:56:56 -04:00			`<link rel="icon" type="image/png" href="/icons/tabicon-16.png" sizes="16x16" />`
			`<link rel="icon" type="image/png" href="/icons/tabicon-32.png" sizes="32x32" />`
			`<link rel="icon" type="image/png" href="/icons/tabicon-96.png" sizes="96x96" />`
			`<link rel="icon" type="image/png" href="/icons/tabicon-128.png" sizes="128x128" />`
			`<link rel="icon" type="image/png" href="/icons/tabicon-196.png" sizes="196x196" />`
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() }`
Remove heading and subheading metadata We just use `title` and `description` now. 2023-08-03 18:31:28 -04:00			`{ comp.header({title, description}) }`
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			`{ children }`
Add footer component 2023-07-26 23:04:30 -04:00			`{ comp.separator() }`
			`{ comp.footer() }`
Add home page and main layout 2023-07-23 16:44:56 -04:00			`</body>`
			`</html>`
			`);`
			`}`