observablehq.config.ts

// See https://observablehq.com/framework/config for documentation.
export default {
  // The project’s title; used in the sidebar and webpage titles.
  title: "BeyondMoore",

  // The pages and sections in the sidebar. If you don’t specify this option,
  // all pages will be listed in alphabetical order. Listing pages explicitly
  // lets you organize them into sections and have unlisted pages.
  // pages: [
  //   {
  //     name: "Examples",
  //     pages: [
  //       {name: "Dashboard", path: "/example-dashboard"},
  //       {name: "Report", path: "/example-report"}
  //     ]
  //   }
  // ],

  // Some additional configuration options and their defaults:
  theme: "light", // try "light", "dark", "slate", etc.
  header: `
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
  corePlugins: {
    preflight: false,
  }
}
</script>
<style>
* {
  font-family: Arial, sans-serif !important;
}

</style>

<div style="display: flex; align-items: center; gap: 0.5rem; height: 2.2rem; margin: 2rem -2rem 2rem -2rem; padding: 1rem 0rem; border-bottom: solid 1px var(--theme-foreground-faintest);">
<a href="/">
   <h1>
      BeyondMoore
   </h1>
   </a>
   <div style="display: flex; flex-grow: 1; justify-content: space-between; align-items: baseline;">

      <span>
      </span>
      <span style="display: flex; align-items: baseline; gap: 1.0rem">
        <a href="#ABSTRACT"><h4><span>Abstract</span></h4></a>
        <a href="#TEAM"><h4><span>Team</span></h4></a>
        <a href="#PROJECTS"><h4><span>Projects</span></h4></a>
        <a href="#PUBLICATIONS"><h4><span>Publications</span></h4></a>
      </span>
   </div>
</div>`,

  // "<div class=\"grid grid-cols-2\"><div><h1>Beyond-Moore</h1></div> <div><div>About</div><div class=\"grid grid-cols-auto\">Publications</div><div>Team</div><div>News</div></div></div>", // what to show in the header (HTML)
  footer: `<div style="display: flex; justify-content: space-between; align-items: center; width: 100%; margin: -8rem -2rem 2rem -2rem; padding: 0.5rem 2rem; border-bottom: solid 1px var(--theme-foreground-faintest);">
   <span class="text-lg w-[80%]">
     This project has received funding from the European Research Council (ERC) under the European Union’s Horizon 2020 research and innovation programme (grant agreement No 949587).
   </span>
  <img src="./_file/assets/LOGO_ERC.4fe079ee.jpg" alt="ERC Logo" height="100" width="100"/>
</div>`,

  // toc: true, // whether to show the table of contents
  pager: false, // whether to show previous & next links in the footer
  // root: "docs", // path to the source root for preview
  // output: "dist", // path to the output root for build
  search: true, // activate search
};