Home

How to generate Gource video:

docker run --rm -p 8080:80 --name envisaged \
-v ${PWD}:/visualization/git_repo:ro \
-v /tmp/avatars:/visualization/avatars:ro \
-e LOGO_URL=https://gitlab.com/rdodin/pics/-/wikis/uploads/00ab45be3a5fc94e0d04d53079752f8c/image.png \
-e GOURCE_SECONDS_PER_DAY="0.5" \
-e GOURCE_USER_IMAGE_DIR="/visualization/avatars" \
utensils/envisaged

check what names were used in generation and create avatars for those

docker exec envisaged cat development.log | cut -d '|' -f 2 | sort -u

to add buttons to mkdocs docs:

<button class="gradient-outline-btn">
  <svg class="button-icon" width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path d="M.228 8.37s-.584-.427.117-.995L1.98 5.897s.467-.497.962-.064l15.081 11.542v5.534s-.007.87-1.11.774z" fill="currentColor"/>
    <path d="M4.116 11.937.228 15.509s-.4.3 0 .837l1.805 1.66s.429.465 1.062-.065l4.121-3.158zm6.824.029 7.13-5.502-.047-5.505s-.305-1.202-1.32-.576L7.216 9.11z" fill="currentColor"/>
    <path d="M16.912 23.69c.414.428.916.288.916.288l5.556-2.767c.711-.49.611-1.098.611-1.098V3.588c0-.726-.735-.977-.735-.977L18.444.264c-1.052-.657-1.741.119-1.741.119s.886-.645 1.32.576v21.85c0 .15-.032.297-.095.43-.127.259-.402.5-1.062.4z" fill="currentColor"/>
  </svg>
  Run In Codespaces
</button>

<button style="padding: 8px 16px; border-radius: 25px; font-size: 14px; background: gray; color: white; position: relative; cursor: pointer; border: none; margin: 2px; display: inline-flex; align-items: center; justify-content: center; gap: 6px; background-image: linear-gradient(45deg, #FFD700, #800080); padding: 2px;">
  <span style="background: grey; display: inline-flex; align-items: center; gap: 6px; padding: 6px 14px; border-radius: 23px;">
    <svg style="width: 14px; height: 14px; color: white;" width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path d="M.228 8.37s-.584-.427.117-.995L1.98 5.897s.467-.497.962-.064l15.081 11.542v5.534s-.007.87-1.11.774z" fill="currentColor"/>
      <path d="M4.116 11.937.228 15.509s-.4.3 0 .837l1.805 1.66s.429.465 1.062-.065l4.121-3.158zm6.824.029 7.13-5.502-.047-5.505s-.305-1.202-1.32-.576L7.216 9.11z" fill="currentColor"/>
      <path d="M16.912 23.69c.414.428.916.288.916.288l5.556-2.767c.711-.49.611-1.098.611-1.098V3.588c0-.726-.735-.977-.735-.977L18.444.264c-1.052-.657-1.741.119-1.741.119s.886-.645 1.32.576v21.85c0 .15-.032.297-.095.43-.127.259-.402.5-1.062.4z" fill="currentColor"/>
    </svg>
    Containerlab
  </span>
</button>

.gradient-outline-btn {
  padding: 8px 16px;
  border-radius: 10px;
  font-size: 14px;
  background: black;
  color: white;
  position: relative;
  cursor: pointer;
  border: none;
  margin: 2px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}

.button-icon {
  width: 14px;
  height: 14px;
  color: white;
}

.gradient-outline-btn::before {
  content: '';
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  background: linear-gradient(45deg, #FFD700, #800080);
  border-radius: 10px;
  z-index: -1;
}