Clicky

Skip to content

VitePress

You guessed right. The website you're looking at right now has been built with VitePress. This tool is normally employed for writing software documentation. It's a joy to use!

VitePress 1

VitePress 2

While the default theme is quite elegant, I've decided to tweak it a bit with some custom CSS:

css
/* custom colour palette */
:root {    
    --vp-c-brand-1: var(--vp-c-purple-1);
    --vp-c-brand-2: var(--vp-c-purple-2);
    --vp-c-brand-3: var(--vp-c-purple-3);
    --vp-c-brand-soft: var(--vp-c-purple-soft);
  }

/* gallery */
  .meme-gallery img {
    border-radius: 5px;
    margin: 7em 0 7em 0;
  }

/* title transition */
  .VPNavBarTitle {
    transition: all 0.3s ease-out;
    span {
      transition: all 0.3s ease-out;
    }
  }

  .VPNavBarTitle:hover {
    padding-left: .2em;
    transition: all 0.3s ease-out;
    span {
      color: var(--vp-c-purple-1);
      transition: all 0.3s ease-out;
    }
  }

/* sidebar transition */
  .VPSidebarItem a {
    transition: all 0.3s ease-out;
  }
  .VPSidebarItem a:hover {
    padding-left: .2em;
    transition: all 0.3s ease-out;
  }