

<MyNavbar top={0} />

<BaseCaseStyle>
<VerticallyCentered>
# our blog

- [headless business intelligence](https://basecase.vc/blog/headless-bi)
- [defensible machine learning](https://basecase.vc/blog/defensible-ml)

<Footer />

</VerticallyCentered>
</BaseCaseStyle>


{/* Definitions */}

export const BaseCaseStyle = (props) =>
  <div style={{fontFamily: '"DM Sans", sans-serif'}}>
    {props.children}
  </div>

export const VerticallyCentered = (props) =>
  <div style={{ marginTop: 100 }} class="flex flex-col justify-center">
    <div class="overflow-auto">
      {props.children}
    </div>
  </div>

export const VerticallyCenteredShort = (props) =>
  <div style={{ height: "calc(100vh - 70px)" }} class="flex flex-col justify-center">
    <div class="overflow-auto">
      {props.children}
    </div>
  </div>

<br></br>
<br></br>
<br></br>
<br></br>

const MyNavbar = () => (
  <nav class="flex justify-between mt-6 items-center md:px-1">
  <div class="font-serif md:text-3xl"></div> 
    <div class="flex items-end md:text-xl font-medium">  
    <div class="text-base font-semibold no-underline hover:underline mr-4 md:mr-3"><a href="https://basecase.vc/">home</a></div>  
    <div class="text-base font-semibold no-underline hover:underline mr-4 md:mr-3"><a href="https://basecase.vc/blog">blog</a></div>
    <div class="text-base font-semibold no-underline hover:underline mr-4 md:mr-3"><a href="https://basecase.vc/values">values</a></div>
    <div class="text-base font-semibold no-underline hover:underline mr-4 md:mr-3"><a href="https://www.crunchbase.com/organization/base-case-capital/recent_investments">portfolio</a></div>
    <div class="text-base font-semibold no-underline hover:underline mr-4 md:mr-3"><a href="https://twitter.com/basecasevc">twitter</a></div>
    </div>
  </nav>
)

<br></br>
<br></br>
<br></br>
<br></br>

<link rel="preconnect" href="https://fonts.gstatic.com" />
<link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap" rel="stylesheet" />