diff --git a/ui/src/css-bak/admonitionblock.scss b/ui/src/css-bak/admonitionblock.scss
deleted file mode 100644
index f208974c..00000000
--- a/ui/src/css-bak/admonitionblock.scss
+++ /dev/null
@@ -1,98 +0,0 @@
-.alert {
-  p {
-    font-family: var(--heading);
-    color: inherit;
-    font-size: 1rem;
-  }
-}
-
-.admonitionblock,
-.alert {
-  max-width: 90vw;
-  background-color: white;
-  border: solid #ddd;
-  border-radius: var(--border-radius);
-  border-width: 1px 1px 1px 6px;
-  font-family: var(--sans-serif);
-  font-weight: var(--weight-normal);
-  color: var(--color-text-light);
-  font-size: 0.9rem;
-  text-align: center;
-  line-height: 1.5;
-  padding: 1rem .9rem;
-  margin: 1.5rem 0;
-  overflow-wrap: break-word;
-
-  table {
-    padding: 0;
-    margin: 0;
-    th,
-    td {
-      padding: 0;
-      margin: 0;
-      word-wrap: break-word;
-    }
-  }
-
-  .content {
-    max-width: 82vw;
-    padding-left: .25rem;
-    font-size: 1rem;
-    text-align: left;
-    word-wrap: break-word;
-  }
-
-  &::before { 
-    display: block;
-    font-size: 0.9em;
-    font-weight: var(--weight-bold);
-    text-align: left;
-    text-transform: uppercase;
-    padding-left: .25rem;
-    margin-bottom: .5rem;
-  }
-
-  &.note {
-    border-left-color: var(--core-violet-4);
-
-    &::before { 
-      content: "note";
-      color: var(--core-violet-4);
-    }
-  }
-
-  &.tip {
-    border-left-color: var(--teal-3);
-
-    &::before { 
-      content: "tip";
-      color: var(--teal-3);
-    }
-  }
-
-  &.warning, &.caution, &.important {
-    border-left-color: #F79F1F;
-
-    &::before { 
-      color: #f79f1f;
-      padding-left: 1.5em;
-      margin-left: .4em;
-      background-image: url(../images/icons/warning.svg);
-      background-repeat: no-repeat;
-      background-position: left;
-      background-origin: border-box;
-    }
-  }
-
-  &.warning::before {
-    content: "warning";
-  }
-
-  &.caution::before {
-    content: "caution";
-  }
-
-  &.important::before {
-    content: "important";
-  }
-}
diff --git a/ui/src/css-bak/article.scss b/ui/src/css-bak/article.scss
deleted file mode 100644
index 194cc0ad..00000000
--- a/ui/src/css-bak/article.scss
+++ /dev/null
@@ -1,278 +0,0 @@
-.article {
-  padding-bottom: var(--lg); /* matches nav padding */
-
-  .listingblock {
-    position: relative;
-
-    .btn-copy {
-      visibility: hidden;
-      position: absolute;
-      top: 0;
-      right: 0;
-      border-radius: var(--border-radius);
-    }
-
-    &:hover .btn-copy {
-      visibility: visible;
-    }
-  }
-
-  .listingblock.nopadding {
-    pre code {
-      padding: 0;
-    }
-
-    .btn-copy {
-      padding: 0;
-    }
-  }
-
-  pre code {
-    display: block;
-    overflow-x: auto;
-    padding: 1em;
-    border-radius: var(--border-radius);
-    max-width: 90vw;
-  }
-
-  img {
-    max-width: 100%;
-  }
-
-  aside {
-    background: var(--aluminum-1);
-    border: 1px solid var(--aluminum-3);
-    border-radius: 2px;
-    color: var(--steel-1);
-    font-size: 14px;
-    padding: var(--md) var(--lg) var(--sm);
-
-    &::before {
-      background-image: url(../images/icons/note.svg);
-      background-position: left 40%;
-      background-repeat: no-repeat;
-      background-size: 18px;
-      color: var(--steel-5);
-      content: "Note";
-      display: block;
-      font-size: 16px;
-      font-weight: var(--weight-medium);
-      opacity: 0.7;
-      padding-left: 20px;
-    }
-  }
-
-  code {
-    &.primary {
-      color: #4e4e67;
-    }
-    &.secondary {
-      color: #ab49d6;
-    }
-    &.light {
-      color: #4f4f68;
-    }
-  }
-}
-
-.heading-link, .anchor {
-  float: right;
-  visibility: hidden;
-  color: inherit;
-  font-size: .8em;
-  margin-top: .25em;
-  margin-left: .2em;
-
-  &:focus,
-  h1:hover &,
-  h2:hover &,
-  h3:hover &,
-  h4:hover &,
-  h5:hover &,
-  h6:hover & {
-    visibility: visible;
-  }
-
-  .contract & {
-    visibility: visible;
-  }
-}
-
-.anchor {
-  padding: 0 .3em;
-  text-decoration: none;
-
-  &::before {
-    content: '#'
-  }
-}
-
-.contract h3 code {
-  padding: 0;
-  color: inherit;
-  background-color: transparent;
-}
-
-.contract-index {
-  border-radius: var(--border-radius);
-  max-width: 90vw;
-  padding: 1.5rem;
-  background-color: #f8f8fa;
-  margin-top: 1em;
-  margin-bottom: 1em;
-  word-wrap: break-word;
-
-  ul {
-    list-style: none;
-    padding: 0;
-    margin: 0;
-
-    a {
-      color: inherit;
-      text-decoration: none;
-
-      &:hover {
-        text-decoration: underline;
-      }
-
-      pre,
-      code {
-        padding: 0;
-        color: inherit;
-        line-height: 1rem;
-        background-color: transparent;
-      }
-    }
-  }
-
-  .title {
-    font-family: var(--heading);
-    font-size: 0.9em;
-    color: var(--core-violet-2);
-    letter-spacing: .05em;
-    font-weight: 600;
-    text-transform: uppercase;
-  }
-
-  .ulist {
-    border-top: solid 1px var(--aluminum-4);
-    margin-top: 1.2em;
-    padding-top: .25em;
-
-    > .title {
-      float: right;
-      color: var(--color-text);
-      margin-top: .8em;
-      font-size: 0.8em;
-    }
-  }
-}
-
-.contract-subindex-inherited {
-  opacity: .7;
-}
-
-.contract-item {
-  border-radius: var(--border-radius);
-  border: solid 1px #ddd;
-  max-width: 90vw;
-  padding: 0;
-  margin-top: 1em;
-  margin-bottom: 1em;
-  $spacing: 1em;
-  word-wrap: break-word;
-
-  > * {
-    margin-right: $spacing;
-    margin-left: $spacing;
-  }
-
-  h4 {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    align-content: flex-start;
-    padding: 0;
-    margin: $spacing;
-    margin-bottom: 2 * $spacing;
-    position: relative;
-    font-size: inherit;
-
-    code {
-      flex-grow: 1;
-      color: inherit;
-      font-weight: var(--weight-normal);
-      background-color: transparent;
-      padding: 0;
-
-      .contract-item-name {
-        font-weight: var(--weight-medium);
-      }
-    }
-
-    .anchor {
-      order: 10;
-      font-size: var(--md);
-      font-weight: normal;
-      margin-top: 0;
-    }
-
-    .item-kind {
-      font-family: var(--sans-serif);
-      font-size: var(--md);
-      font-weight: 300;
-      opacity: .8;
-    }
-
-    &::before {
-      content: "";
-      display: block;
-      position: absolute;
-      height: 100%;
-      width: 100%;
-      box-sizing: content-box;
-      padding: $spacing;
-      margin: -$spacing;
-      z-index: -10;
-      border-top-left-radius: var(--border-radius);
-      border-top-right-radius: var(--border-radius);
-      background-color: #f9f9fa;
-      border-bottom: solid 1px #ddd;
-    }
-  }
-
-  .admonitionblock {
-    font-family: var(--sans-serif);
-    margin-right: $spacing;
-    margin-left: $spacing;
-  }
-}
-
-.article-navigation {
-  display: flex;
-
-  div {
-    display: block;
-    flex-grow: 1;
-    font-weight: var(--weight-bold);
-    color: var(--core-violet-4);
-    margin-top: 1.5rem;
-    margin-bottom: .5rem;
-
-    a {
-      text-decoration: none;
-      text-transform: uppercase;
-      font-size: var(--md);
-    }
-
-    &.btn-next { text-align: right; }
-  }
-}
-
-.article-banner {
-  background-color: var(--aluminum-2);
-  border: solid 1px var(--aluminum-4);
-  border-radius: var(--border-radius);
-  padding: 10px;
-  margin: 0 -10px;
-}
diff --git a/ui/src/css-bak/components/cards.scss b/ui/src/css-bak/components/cards.scss
deleted file mode 100644
index fd1380e2..00000000
--- a/ui/src/css-bak/components/cards.scss
+++ /dev/null
@@ -1,213 +0,0 @@
-/* grid layout */
-
-.card-section .sectionbody, .card-section .content {
-  display: grid;
-  grid-template-columns: repeat(auto-fill, minmax(calc(max(30%, 230px)), 1fr));;
-  grid-gap: 1rem;
-}
-
-.card-section-2col .sectionbody, .card-section-2col .content {
-  grid-template-columns: repeat(auto-fill, minmax(calc(max(50% - 0.5rem, 250px)), 1fr));
-}
-
-.card-section .sectionbody> :not(.card) {
-  grid-column: 1 / -1;
-}
-
-.card {
-
-  .content,
-  .paragraph,
-  p {
-    display: inline;
-  }
-}
-
-.card a {
-  display: block;
-  height: 100%;
-  width: 100%;
-}
-
-/* inner card layout */
-
-.card a {
-  display: inline-flex;
-  flex-direction: column;
-  justify-content: space-between;
-  padding: 1.5rem 1.2rem;
-
-  .card-body {
-    flex-grow: 1;
-  }
-}
-
-.card-title {
-  display: flex;
-  vertical-align: center;
-}
-
-.card-body {
-  display: block;
-}
-
-/* styling */
-
-.card a {
-  border-radius: var(--border-radius);
-  color: inherit;
-  text-decoration: none;
-  font-size: .9rem;
-
-  .card-title {
-    font-family: var(--heading);
-    font-weight: var(--weight-bold);
-    font-size: 1rem;
-    line-height: 1.4;
-    margin-bottom: 1.2rem;
-  }
-}
-
-/* styling learn */
-
-.card-learn a {
-  border: solid 1px #cacbcc;
-  border-left: solid 3px #53536B;
-  color: var(--color-text-light);
-
-  .card-title {
-    margin-bottom: .8rem;
-  }
-
-  &:hover {
-    border-color: #B8BFF4;
-    border-left-color: #4E5EE4;
-    box-shadow: 0 6px 12px 0 rgba(60, 60, 60, 0.09);
-
-    .card-title {
-      color: #4E5EE4;
-    }
-  }
-}
-
-/* styling product cards */
-
-.card-primary a,
-.card-secondary a {
-  box-shadow: 0 5px 10px 0 rgba(60, 60, 60, 0.1);
-
-  &:hover {
-    box-shadow: 0 5px 10px 0 rgba(60, 60, 60, 0.3);
-  }
-
-  .card-title::before {
-    content: "";
-    background-image: var(--card-icon);
-    background-repeat: no-repeat;
-    background-size: contain;
-    width: 1.2em;
-    height: 1.2em;
-    display: inline-block;
-    vertical-align: middle;
-    margin-right: .6em;
-  }
-}
-
-.card-primary a {
-  min-height: 14rem;
-  color: white;
-  position: relative;
-  padding-top: 3em;
-  padding-bottom: 2em;
-  overflow: hidden;
-  /* hide background image */
-
-  .card-title {
-    font-size: 1.2em;
-  }
-
-  &::before {
-    display: block;
-    width: 95px;
-    height: 70px;
-    position: absolute;
-    bottom: 30px;
-    right: -20px;
-    content: "";
-    background-image: url(../images/cards.svg);
-    background-repeat: no-repeat;
-    background-size: contain;
-  }
-
-  &::after {
-    content: "Get started >";
-    font-family: var(--heading);
-    font-weight: var(--weight-bold);
-    font-size: .8em;
-    text-transform: uppercase;
-    letter-spacing: .05em;
-  }
-}
-
-.card-secondary a {
-  border: solid 1px #e9e9ed;
-  color: var(--color-text-light);
-
-  &:hover {
-    border-color: #dfdfe0;
-  }
-}
-
-.card-contracts a {
-  --card-icon: url(../images/contracts_white.svg);
-  background-image: linear-gradient(45deg, #6746d6 0%, #a134d1 100%);
-}
-
-.card-defender a {
-  --card-icon: url(../images/defender_white.svg);
-  background-image: linear-gradient(-135deg, #00e1d4 0%, #00c7f2 100%);
-}
-
-.card-upgrades {
-  --card-icon: url(../images/icons/upgrades-plugins.svg);
-}
-
-.card-contracts-cairo {
-  --card-icon: url(../images/icons/contracts-cairo.svg);
-}
-
-.card-contracts-stylus {
-  --card-icon: url(../images/icons/contracts-stylus.svg);
-}
-
-.card-substrate-runtimes {
-  --card-icon: url(../images/icons/substrate-runtimes.svg);
-}
-
-.card-test-environment {
-  --card-icon: url(../images/icons/test-environment.svg);
-}
-
-.card-network-js {
-  --card-icon: url(../images/icons/network-js.svg);
-}
-
-.card-gsn-helpers {
-  --card-icon: url(../images/icons/gsn-helpers.svg);
-}
-
-.card-gsn-provider {
-  --card-icon: url(../images/icons/gsn-provider.svg);
-}
-
-.card-contract-loader {
-  --card-icon: url(../images/icons/contract-loader.svg);
-}
-
-.card-solidity-docgen {
-  --card-icon: url(../images/icons/docgen.svg);
-}
-
-.card-subgraphs {
-  --card-icon: url(../images/icons/subgraphs.svg);
-}
\ No newline at end of file
diff --git a/ui/src/css-bak/components/icons.scss b/ui/src/css-bak/components/icons.scss
deleted file mode 100644
index 9b5dbec1..00000000
--- a/ui/src/css-bak/components/icons.scss
+++ /dev/null
@@ -1,16 +0,0 @@
-svg {
-  fill: currentColor;
-}
-
-svg.icon {
-  height: 1em;
-  width: 1em;
-  pointer-events: none;
-  vertical-align: -.1em;
-}
-
-.btn-icon {
-  border: 0;
-  display: flex;
-  padding: .5em;
-}
diff --git a/ui/src/css-bak/components/inputs.scss b/ui/src/css-bak/components/inputs.scss
deleted file mode 100644
index 42b5bc3a..00000000
--- a/ui/src/css-bak/components/inputs.scss
+++ /dev/null
@@ -1,29 +0,0 @@
-.input,
-.textarea {
-  background: var(--tertiary);
-  border: 1px solid var(--aluminum-4);
-  border-radius: 2px;
-  color: var(--steel-5);
-  font-size: 14px;
-  height: var(--input-md);
-  padding: var(--xs);
-  transition: box-shadow var(--transition-speed-sm) var(--transition-timing);
-  width: 100%;
-  word-break: normal;
-
-  
-  &.focus,
-  &:focus {
-    border-color: var(--core-violet-3);
-    box-shadow: 0 0 0 3px rgba(0,162,223,.25);
-  }
-
-  
-  &::placeholder {
-    color: var(--aluminum-5);
-  }
-}
-
-.textarea {
-  resize: vertical;
-}
diff --git a/ui/src/css-bak/components/select.scss b/ui/src/css-bak/components/select.scss
deleted file mode 100644
index cd8a0d24..00000000
--- a/ui/src/css-bak/components/select.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-.select {
-  background: var(--tertiary);
-  border: 1px solid var(--aluminum-4);
-  color: var(--steel-5);
-  font-size: 14px;
-  height: var(--input-md);
-  padding: var(--xs);
-  transition: box-shadow var(--transition-speed-sm) var(--transition-timing);
-  word-break: normal;
-
-  
-  &.focus,
-  &:focus {
-    border-color: var(--core-violet-3);
-    box-shadow: 0 0 0 3px rgba(0,162,223,.25);
-  }
-}
diff --git a/ui/src/css-bak/footer.scss b/ui/src/css-bak/footer.scss
deleted file mode 100644
index b4937be7..00000000
--- a/ui/src/css-bak/footer.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-footer.footer {
-  font-size: 0.7rem;
-  background-color: #fff;
-  padding: 25px 2rem;
-  color: #5d5d5d;
-  border-top: solid 1px rgba(40, 40, 70, 0.10);
-}
-
-.footer a {
-  color: rgba(40, 40, 70, 0.7);
-  display: inline;
-  margin-left: 7px;
-  border-left: 1px solid rgba(40, 40, 70, 0.7);
-  padding-left: 7px;
-}
diff --git a/ui/src/css-bak/globals/_global.scss b/ui/src/css-bak/globals/_global.scss
deleted file mode 100644
index b16f5612..00000000
--- a/ui/src/css-bak/globals/_global.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-body {
-  background: #fefefe;
-}
-
-.filter-active-icon {
-  filter: invert(49%) sepia(69%) saturate(6505%) hue-rotate(225deg) brightness(93%) contrast(91%);
-}
diff --git a/ui/src/css-bak/globals/_grid.scss b/ui/src/css-bak/globals/_grid.scss
deleted file mode 100644
index 41764958..00000000
--- a/ui/src/css-bak/globals/_grid.scss
+++ /dev/null
@@ -1,41 +0,0 @@
-.container {
-  @media (min-width: $screen-xl) {
-    max-width: $screen-xl;
-  }
-}
-
-.flex {
-  display: flex;
-}
-
-.col {
-  flex-direction: column;
-}
-
-.align-top {
-  align-items: flex-start;
-}
-
-.align-center {
-  align-items: center;
-}
-
-.align-bottom {
-  align-items: flex-end;
-}
-
-.justify-center {
-  justify-content: center;
-}
-
-.justify-justified {
-  justify-content: space-between;
-}
-
-.grow {
-  flex: 1 1 auto;
-}
-
-.shrink {
-  flex: 0 0 auto;
-}
diff --git a/ui/src/css-bak/globals/_reset.scss b/ui/src/css-bak/globals/_reset.scss
deleted file mode 100644
index 02540308..00000000
--- a/ui/src/css-bak/globals/_reset.scss
+++ /dev/null
@@ -1,254 +0,0 @@
-html {
-  -ms-text-size-adjust: 100;
-  -webkit-text-size-adjust: 100%;
-}
-
-body {
-  margin: 0;
-}
-
-details,
-main,
-summary {
-  display: block;
-}
-
-audio,
-canvas,
-progress,
-video {
-  vertical-align: baseline;
-}
-
-[hidden],
-template {
-  display: none;
-}
-
-a {
-  background: transparent;
-
-  &:hover,
-  &:active {
-    outline: 0;
-  }
-}
-
-abbr[title] {
-  border-bottom: 1px dotted;
-  cursor: help;
-}
-
-b,
-strong {
-  font-weight: bold;
-}
-
-dfn {
-  font-style: italic;
-}
-
-h1 {
-  font-size: 2em;
-  margin: 0.67em 0;
-}
-
-small {
-  font-size: 80%;
-}
-
-sub,
-sup {
-  font-size: 75%;
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-
-sup {
-  top: -0.5em;
-}
-
-sub {
-  bottom: -0.25em;
-}
-
-img {
-  border: 0;
-}
-
-svg:not(:root) {
-  overflow: hidden;
-}
-
-figure,
-blockquote {
-  margin: 0;
-}
-
-hr {
-  box-sizing: content-box;
-  height: 0;
-}
-
-pre {
-  display: block;
-  line-height: 1.4;
-  margin: 0;
-  overflow: auto;
-  word-break: break-all;
-  word-wrap: break-word;
-}
-
-code,
-kbd,
-pre,
-samp {
-  font-family: monospace, monospace;
-  font-size: 1em;
-}
-
-button,
-input,
-optgroup,
-select,
-textarea {
-  color: inherit;
-  font: inherit;
-  margin: 0;
-}
-
-button {
-  background: transparent;
-  box-shadow: none;
-  overflow: visible;
-}
-
-button,
-select {
-  text-transform: none;
-}
-
-button,
-html input[type='button'],
-input[type='reset'],
-input[type='submit'] {
-  -webkit-appearance: button;
-  cursor: pointer;
-}
-
-button::-moz-focus-inner,
-input::-moz-focus-inner {
-  border: 0;
-  padding: 0;
-}
-
-input {
-  line-height: normal;
-}
-
-input[type='checkbox'],
-input[type='radio'] {
-  box-sizing: border-box;
-  padding: 0;
-}
-
-input[type='number']::-webkit-inner-spin-button,
-input[type='number']::-webkit-outer-spin-button {
-  height: auto;
-}
-
-input,
-textarea {
-  -webkit-appearance: none;
-  background: transparent;
-  border: 0;
-
-  &[type='radio'] {
-    -webkit-appearance: radio;
-    cursor: pointer;
-  }
-}
-
-fieldset {
-  border: 1px solid #c0c0c0;
-  margin: 0 2px;
-  padding: 0.35em 0.625em 0.75em;
-}
-
-legend {
-  border: 0;
-  padding: 0;
-}
-
-textarea {
-  overflow: auto;
-}
-
-optgroup {
-  font-weight: bold;
-}
-
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-}
-
-td,
-th {
-  padding: 0;
-}
-
-button,
-input,
-select[multiple],
-textarea {
-  background-image: none;
-}
-
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-
-h1,
-h2,
-h3,
-h4 {
-  font-size: inherit;
-  font-weight: inherit;
-  margin: 0;
-}
-
-ol,
-ul {
-  list-style-type: none;
-  margin: 0;
-  padding: 0;
-}
-
-p {
-  margin: 0;
-}
-
-iframe {
-  border: 0;
-}
-
-address {
-  font-style: normal;
-}
-
-input[disabled] textarea[disabled] {
-  cursor: not-allowed;
-}
-
-input[type='search'] {
-  &::-webkit-search-decoration,
-  &::-webkit-search-cancel-button,
-  &::-webkit-search-results-button,
-  &::-webkit-search-results-decoration {
-    display: none;
-  }
-}
diff --git a/ui/src/css-bak/globals/_typography.scss b/ui/src/css-bak/globals/_typography.scss
deleted file mode 100644
index 42dc1d16..00000000
--- a/ui/src/css-bak/globals/_typography.scss
+++ /dev/null
@@ -1,202 +0,0 @@
-@font-face {
-  font-family: "Silka";
-  src: url("../fonts/silka-regular-webfont.eot");
-  src: url("../fonts/silka-regular-webfont.eot?#iefix") format("embedded-opentype"),
-    url("../fonts/silka-regular-webfont.woff2") format("woff2"),
-    url("../fonts/silka-regular-webfont.woff") format("woff"),
-    url("../fonts/silka-regular-webfont.ttf") format("truetype");
-  font-weight: normal;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: "Silka";
-  src: url("../fonts/silka-medium-webfont.eot");
-  src: url("../fonts/silka-medium-webfont.eot?#iefix") format("embedded-opentype"),
-    url("../fonts/silka-medium-webfont.woff2") format("woff2"), url("../fonts/silka-medium-webfont.woff") format("woff"),
-    url("../fonts/silka-medium-webfont.ttf") format("truetype");
-  font-weight: 500;
-  font-style: 500;
-}
-
-@font-face {
-  font-family: "Silka";
-  src: url("../fonts/silka-semibold-webfont.eot");
-  src: url("../fonts/silka-semibold-webfont.eot?#iefix") format("embedded-opentype"),
-    url("../fonts/silka-semibold-webfont.woff2") format("woff2"),
-    url("../fonts/silka-semibold-webfont.woff") format("woff"),
-    url("../fonts/silka-semibold-webfont.ttf") format("truetype");
-  font-weight: 600;
-  font-style: 600;
-}
-
-body {
-  color: var(--color-text);
-  font-family: var(--sans-serif);
-  line-height: 1.6;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  font-family: var(--heading);
-  font-weight: var(--weight-medium);
-  line-height: 1.2;
-  margin-bottom: var(--md);
-}
-
-h2,
-h3,
-h4,
-h5,
-h6 {
-  padding-top: var(--lg);
-  margin-top: var(--lg);
-}
-
-h1,
-h2 {
-  padding-top: 0.75em;
-  border-bottom: solid 1px var(--aluminum-4);
-}
-
-h1 {
-  font-size: 1.8em;
-  padding-bottom: 0.4em;
-}
-
-h2 {
-  font-size: 1.6em;
-  padding-bottom: 0.3em;
-}
-
-h3 {
-  font-size: 1.4em;
-}
-
-h4 {
-  font-size: 1.2em;
-}
-
-h5 {
-  font-size: 1em;
-}
-
-h6 {
-  font-size: .9em;
-}
-
-code {
-  background-color: #f6f6f7;
-  border-radius: .2em;
-  padding: .2em .4em;
-}
-
-p,
-ul,
-ol,
-dl,
-figure {
-  margin-bottom: var(--sm);
-  margin-top: var(--sm);
-}
-
-pre,
-table,
-aside {
-  margin-bottom: var(--lg);
-  margin-top: var(--lg);
-}
-
-a {
-  color: var(--blue);
-
-  .admonitionblock & {
-    color: inherit;
-  }
-}
-
-pre,
-code {
-  font-family: var(--monospace);
-  font-size: .95em;
-}
-
-thead {
-  font-family: var(--heading);
-  font-variant: small-caps;
-  text-transform: lowercase;
-  letter-spacing: .05em;
-  color: var(--aluminum-5);
-  border-bottom: 1px solid var(--aluminum-3);
-}
-
-th {
-  text-align: inherit;
-}
-
-td,
-th {
-  padding: var(--xs);
-}
-
-td > .tableblock {
-  margin: 0;
-}
-
-ol,
-ul {
-  padding-left: var(--lg);
-}
-
-ol {
-  list-style-type: decimal;
-}
-
-ul {
-  list-style-type: circle;
-}
-
-dl {
-  border: 1px solid var(--aluminum-3);
-  border-radius: 2px;
-  display: inline-block;
-  padding: var(--md);
-}
-
-dt {
-  font-weight: var(--weight-medium);
-
-  &::after {
-    content: ":";
-  }
-}
-
-dd {
-  margin-left: 0;
-
-  + dt {
-    border-top: 1px solid var(--aluminum-3);
-    margin-top: var(--sm);
-    padding-top: var(--sm);
-  }
-}
-
-blockquote {
-  margin-left: 2rem;
-
-  & + .attribution {
-    text-align: right;
-  }
-}
-
-.strong {
-  font-weight: var(--weight-medium);
-}
-
-.strikethrough {
-  text-decoration: line-through;
-}
diff --git a/ui/src/css-bak/globals/_vars.scss b/ui/src/css-bak/globals/_vars.scss
deleted file mode 100644
index 16d51cd9..00000000
--- a/ui/src/css-bak/globals/_vars.scss
+++ /dev/null
@@ -1,85 +0,0 @@
-:root {
-  --core-gray: #f8f8fa;
-  --core-violet-1: #9aa2e7;
-  --core-violet-2: #6d79e9;
-  --core-violet-3: #6472e7;
-  --core-violet-4: #4e5ee4;
-  --core-violet-6: #282846;
-  --robust-blue-1: #a1b1b8;
-  --robust-blue-2: #6b8a99;
-  --robust-blue-3: #506773;
-  --robust-blue-4: #32444d;
-  --robust-blue-5: #272f33;
-  --future-green-1: #aaf2cb;
-  --future-green-2: #33cc7a;
-  --future-green-3: #17bc65;
-  --future-green-4: #0e8c48;
-  --future-green-5: #174d30;
-  --steel-1: #6b6c6d;
-  --steel-2: #58595a;
-  --steel-3: #3a3b3c;
-  --steel-4: #3D3D58;
-  --steel-5: #121314;
-  --aluminum-0: #f5f6fe;
-  --aluminum-1: #f9fafb;
-  --aluminum-2: #f4f5f6;
-  --aluminum-3: #e8e9ea;
-  --aluminum-4: #cacbcc;
-  --aluminum-5: #989a9b;
-  --yellow-3: #f2be24;
-  --viridian-3: #00b49d;
-  --teal-3: #00b5d1;
-  --navy-3: #178bea;
-  --indigo-3: #5e66f9;
-  --violet-3: #9a63f9;
-  --red-3: #d1344e;
-  --blue: #196BF7;
-  --tertiary: #fff;
-
-  --color-text: #282846;
-  --color-text-light: #555566;
-  --color-navbar-text: #282846;
-
-  --border-radius: .3rem;
-
-  --heading: "Silka", sans-serif;
-  --sans-serif: -apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, 'segoe ui', arial, sans-serif;
-  --monospace: "Roboto Mono", monospace;
-
-  --weight-normal: 400;
-  --weight-medium: 500;
-  --weight-bold: 600;
-
-  --header-height: 66px;
-  --navbar-height: 70px;
-  --footer-height: 361px;
-  --nav-item-height: 32px;
-  --xs: 5px;
-  --sm: 10px;
-  --md: 15px;
-  --lg: 20px;
-  --xl: 40px;
-  --input-md: 30px;
-
-  --transition-speed-sm: 0.15s;
-  --transition-speed-md: 0.3s;
-  --transition-timing: cubic-bezier(0.46, 0.03, 0.52, 0.96);
-}
-
-// Minimum screen size for mobile is 320px
-$mobile-breakpoint: 1000px;
-
-$screen-sm: 576px;
-$screen-md: 768px;
-$screen-lg: 992px;
-$screen-xl: 1160px;
-
-$header-height: 66px;
-$footer-height: 361px;
-$nav-width: 300px;
-
-$xs: 5px;
-$sm: 10px;
-$md: 15px;
-$lg: 20px;
-$xl: 40px;
diff --git a/ui/src/css-bak/hardhat-truffle-toggle.scss b/ui/src/css-bak/hardhat-truffle-toggle.scss
deleted file mode 100644
index 2bcd9391..00000000
--- a/ui/src/css-bak/hardhat-truffle-toggle.scss
+++ /dev/null
@@ -1,40 +0,0 @@
-.hardhat-truffle-toggle {
-  width: 120px;
-  height: 30px;
-  border: 0;
-  outline: 0;
-  padding: 0;
-  margin: 0;
-  background: url(../images/toggle-active.svg) center / contain no-repeat;
-  overflow: hidden;
-  white-space: nowrap;
-
-  &:active {
-    background-image: url(../images/toggle-active.svg) !important;
-  }
-
-  span {
-    pointer-events: none;
-    opacity: 0;
-  }
-}
-
-.preference-truffle {
-  .hardhat {
-    display: none;
-  }
-
-  .hardhat-truffle-toggle {
-    background-image: url(../images/toggle-preference-truffle.svg);
-  }
-}
-
-.preference-hardhat {
-  .truffle {
-    display: none;
-  }
-
-  .hardhat-truffle-toggle {
-    background-image: url(../images/toggle-preference-hardhat.svg);
-  }
-}
diff --git a/ui/src/css-bak/header.scss b/ui/src/css-bak/header.scss
deleted file mode 100644
index 97cc0cce..00000000
--- a/ui/src/css-bak/header.scss
+++ /dev/null
@@ -1,93 +0,0 @@
-.header {
-  border-bottom: solid 1px #e2e2e7;
-}
-
-.navbar {
-  background-color: var(--color-navbar-bg);
-  color: var(--color-navbar-text);
-  font-size: 0.83333rem;
-  word-wrap: break-word;
-  z-index: var(--z-index-navbar);
-}
-
-.navbar a {
-  text-decoration: none;
-}
-
-.navbar-brand .navbar-item:first-child,
-.navbar-brand .navbar-item:first-child a {
-  color: var(--color-navbar-text);
-  font-size: 1.15rem;
-}
-
-.navbar-brand .separator {
-  padding: 0 0.375rem;
-}
-
-.navbar-burger {
-  color: var(--color-navbar-text);
-  background: none;
-  border: none;
-  outline: none;
-}
-
-.navbar-burger::-moz-focus-inner {
-  border: none;
-}
-
-.navbar-item {
-  color: var(--color-text);
-  padding: 0.5rem;
-  font-family: var(--heading);
-  font-weight: 500;
-  font-size: 0.9rem;
-}
-
-.navbar-item:hover {
-  color: var(--color-navbar-hover);
-}
-
-.navbar-button{
-  color: white;
-  padding: 6px 14px;
-  font-family: var(--heading);
-  font-weight: 500;
-  font-size: 0.9rem;
-  display: inline-block;
-  border-radius: 100px;
-  letter-spacing: -0.02em;
-  transition: all 0.2s ease;
-  background: #4F56FA;
-  text-decoration: none;
-  text-transform: none;
-  border: 1px solid #EFEFEF;
-  text-align: center;
-  white-space: nowrap;
-  text-wrap: nowrap;
-}
-
-.navbar-button:hover {
-  background: #4349D4!important;
-  color: white;
-}
-
-.navbar-search-input {
-  font-size: 1rem;
-  background-color: var(--aluminum-1);
-  border-radius: 0.25rem;
-  border: 1px solid var(--aluminum-3);
-
-  &:focus {
-    outline: none;
-  }
-}
-
-.navbar-search-checkbox {
-  display: none;
-}
-
-@media screen and (min-width: $mobile-breakpoint) {
-  .navbar-burger {
-    display: none;
-  }
-}
diff --git a/ui/src/css-bak/hljs-theme.scss b/ui/src/css-bak/hljs-theme.scss
deleted file mode 100644
index 9c6aea17..00000000
--- a/ui/src/css-bak/hljs-theme.scss
+++ /dev/null
@@ -1,253 +0,0 @@
-/*!
-  Theme: GitHub Dark Dimmed
-  Description: Dark dimmed theme as seen on github.com
-  Author: github.com
-  Maintainer: @Hirse
-  Updated: 2021-05-15
-
-  Colors taken from GitHub's CSS
-*/
-
-.hljs {
-  color: #adbac7;
-  background: #22272e;
-}
-
-.hljs-doctag,
-.hljs-keyword,
-.hljs-meta .hljs-keyword,
-.hljs-template-tag,
-.hljs-template-variable,
-.hljs-type,
-.hljs-variable.language_ {
-  /* prettylights-syntax-keyword */
-  color: #f47067;
-}
-
-.hljs-title,
-.hljs-title.class_,
-.hljs-title.class_.inherited__,
-.hljs-title.function_ {
-  /* prettylights-syntax-entity */
-  color: #dcbdfb;
-}
-
-.hljs-attr,
-.hljs-attribute,
-.hljs-literal,
-.hljs-meta,
-.hljs-number,
-.hljs-operator,
-.hljs-variable,
-.hljs-selector-attr,
-.hljs-selector-class,
-.hljs-selector-id {
-  /* prettylights-syntax-constant */
-  color: #6cb6ff;
-}
-
-.hljs-regexp,
-.hljs-string,
-.hljs-meta .hljs-string {
-  /* prettylights-syntax-string */
-  color: #96d0ff;
-}
-
-.hljs-built_in,
-.hljs-symbol {
-  /* prettylights-syntax-variable */
-  color: #f69d50;
-}
-
-.hljs-comment,
-.hljs-code,
-.hljs-formula {
-  /* prettylights-syntax-comment */
-  color: #768390;
-}
-
-.hljs-name,
-.hljs-quote,
-.hljs-selector-tag,
-.hljs-selector-pseudo {
-  /* prettylights-syntax-entity-tag */
-  color: #8ddb8c;
-}
-
-.hljs-subst {
-  /* prettylights-syntax-storage-modifier-import */
-  color: #adbac7;
-}
-
-.hljs-section {
-  /* prettylights-syntax-markup-heading */
-  color: #316dca;
-  font-weight: bold;
-}
-
-.hljs-bullet {
-  /* prettylights-syntax-markup-list */
-  color: #eac55f;
-}
-
-.hljs-emphasis {
-  /* prettylights-syntax-markup-italic */
-  color: #adbac7;
-  font-style: italic;
-}
-
-.hljs-strong {
-  /* prettylights-syntax-markup-bold */
-  color: #adbac7;
-  font-weight: bold;
-}
-
-.hljs-addition {
-  /* prettylights-syntax-markup-inserted */
-  color: #b4f1b4;
-  background-color: #1b4721;
-}
-
-.hljs-deletion {
-  /* prettylights-syntax-markup-deleted */
-  color: #ffd8d3;
-  background-color: #78191b;
-}
-
-.hljs-char.escape_,
-.hljs-link,
-.hljs-params,
-.hljs-property,
-.hljs-punctuation,
-.hljs-tag {
-  color: inherit;
-  background-color: transparent;
-}
-
-/*!
-  Theme: GitHub
-  Description: Light theme as seen on github.com
-  Author: github.com
-  Maintainer: @Hirse
-  Updated: 2021-05-15
-
-  Outdated base version: https://github.com/primer/github-syntax-light
-  Current colors taken from GitHub's CSS
-*/
-.hljs-theme-light {
-  .hljs {
-    color: #24292e;
-    background: #ffffff;
-  }
-
-  .hljs-doctag,
-  .hljs-keyword,
-  .hljs-meta .hljs-keyword,
-  .hljs-template-tag,
-  .hljs-template-variable,
-  .hljs-type,
-  .hljs-variable.language_ {
-    /* prettylights-syntax-keyword */
-    color: #d73a49;
-  }
-
-  .hljs-title,
-  .hljs-title.class_,
-  .hljs-title.class_.inherited__,
-  .hljs-title.function_ {
-    /* prettylights-syntax-entity */
-    color: #6f42c1;
-  }
-
-  .hljs-attr,
-  .hljs-attribute,
-  .hljs-literal,
-  .hljs-meta,
-  .hljs-number,
-  .hljs-operator,
-  .hljs-variable,
-  .hljs-selector-attr,
-  .hljs-selector-class,
-  .hljs-selector-id {
-    /* prettylights-syntax-constant */
-    color: #005cc5;
-  }
-
-  .hljs-regexp,
-  .hljs-string,
-  .hljs-meta .hljs-string {
-    /* prettylights-syntax-string */
-    color: #032f62;
-  }
-
-  .hljs-built_in,
-  .hljs-symbol {
-    /* prettylights-syntax-variable */
-    color: #e36209;
-  }
-
-  .hljs-comment,
-  .hljs-code,
-  .hljs-formula {
-    /* prettylights-syntax-comment */
-    color: #6a737d;
-  }
-
-  .hljs-name,
-  .hljs-quote,
-  .hljs-selector-tag,
-  .hljs-selector-pseudo {
-    /* prettylights-syntax-entity-tag */
-    color: #22863a;
-  }
-
-  .hljs-subst {
-    /* prettylights-syntax-storage-modifier-import */
-    color: #24292e;
-  }
-
-  .hljs-section {
-    /* prettylights-syntax-markup-heading */
-    color: #005cc5;
-    font-weight: bold;
-  }
-
-  .hljs-bullet {
-    /* prettylights-syntax-markup-list */
-    color: #735c0f;
-  }
-
-  .hljs-emphasis {
-    /* prettylights-syntax-markup-italic */
-    color: #24292e;
-    font-style: italic;
-  }
-
-  .hljs-strong {
-    /* prettylights-syntax-markup-bold */
-    color: #24292e;
-    font-weight: bold;
-  }
-
-  .hljs-addition {
-    /* prettylights-syntax-markup-inserted */
-    color: #22863a;
-    background-color: #f0fff4;
-  }
-
-  .hljs-deletion {
-    /* prettylights-syntax-markup-deleted */
-    color: #b31d28;
-    background-color: #ffeef0;
-  }
-
-  .hljs-char.escape_,
-  .hljs-link,
-  .hljs-params,
-  .hljs-property,
-  .hljs-punctuation,
-  .hljs-tag {
-    color: inherit;
-    background-color: transparent;
-  }
-}
diff --git a/ui/src/css-bak/hs-banner.scss b/ui/src/css-bak/hs-banner.scss
deleted file mode 100644
index b034bfaa..00000000
--- a/ui/src/css-bak/hs-banner.scss
+++ /dev/null
@@ -1,34 +0,0 @@
-/* hubspot banner styles */
-/* written in css to maintain precise alignment with https://github.com/OpenZeppelin/defender/blob/master/ui/src/styles/platform/hs-banner.css */
-/* !important is essential in this context to take precedent over default styles */
-div#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
-    padding: var(--u2) !important;
-}
-
-div#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-policy-wording {
-    margin-right: 0 !important;
-    margin-bottom: var(--u) !important;
-}
-
-div#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-policy-wording p, 
-div#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p#hs-eu-cookie-disclaimer  {
-    line-height: 16px !important;
-    max-width: 100% !important;
-    margin: 0 !important;
-}
-
-div#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-eu-cookie-confirmation-buttons-area {
-    margin-top: var(--u) !important;
-    margin-right: 0 !important;
-}
-
-div#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner button#hs-eu-confirmation-button, 
-div#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner button#hs-eu-decline-button {
-    height: 30px !important;
-}
-
-@media (min-width: 751px) {
-    div#hs-banner-parent div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p#hs-eu-cookie-disclaimer {
-        margin-right: 0 !important;
-    }
-}
diff --git a/ui/src/css-bak/index.scss b/ui/src/css-bak/index.scss
deleted file mode 100644
index b057f3e3..00000000
--- a/ui/src/css-bak/index.scss
+++ /dev/null
@@ -1,30 +0,0 @@
-@import "globals/reset";
-@import "globals/vars";
-@import "globals/global";
-@import "globals/grid";
-@import "globals/typography";
-
-@import "components/icons";
-@import "components/inputs";
-@import "components/select";
-@import "components/cards";
-
-@import "specific/navigation";
-@import "specific/version-select";
-@import "specific/readme-notice";
-
-@import "layout";
-
-@import "header";
-@import "footer";
-
-@import "hljs-theme";
-@import "main";
-@import "article";
-
-@import "admonitionblock";
-@import "toc";
-
-@import "hardhat-truffle-toggle";
-
-@import "hs-banner";
diff --git a/ui/src/css-bak/layout.scss b/ui/src/css-bak/layout.scss
deleted file mode 100644
index 9436ef3d..00000000
--- a/ui/src/css-bak/layout.scss
+++ /dev/null
@@ -1,242 +0,0 @@
-@use "sass:math";
-
-.root {
-  display: flex;
-}
-
-.nav {
-  height: 100vh;
-  overflow-y: auto;
-  position: sticky;
-  top: 0;
-  width: 300px;
-  flex: 0 0 auto;
-}
-
-.nav-heading {
-  margin: .75rem 0;
-  align-items: center;
-}
-
-.nav-component-active {
-/*  min-height: 100%; */
-  overflow-y: auto;
-}
-
-.nav-component-active .nav-heading-active {
-  position: sticky;
-  top: 0;
-  margin-top: 0;
-}
-
-.nav-heading-active {
-  position: sticky;
-  top: 15px;
-}
-
-.nav-component-heading + .nav-list {
-  height: 90%;
-  margin-bottom: 0;
-}
-
-.nav-li {
-  margin-bottom: 0.5rem;
-  margin-left: 1.3rem;
-  line-height: 1.5rem;
-}
-
-.nav-icon {
-  margin-right: .5rem;
-  height: 1rem;
-  width: 1rem;
-}
-
-.close-menu-btn {
-  display: flex;
-  padding: var(--lg);
-  margin-top: calc(-1 * var(--side-margin));
-  margin-left: calc(-1 * var(--side-margin));
-
-  @media (min-width: $mobile-breakpoint) {
-    display: none;
-  }
-}
-
-@media (max-width: $mobile-breakpoint) {
-  .nav {
-    flex-grow: 1;
-    padding: var(--lg);
-  }
-
-  .nav:not(.toggled) {
-    display: none;
-  }
-
-  .nav.toggled ~ .main {
-    display: none;
-  }
-}
-
-button.collapse-toggle {
-  margin-left: -1.3rem;
-  width: 1rem;
-  height: 1rem;
-}
-
-.collapsible-content {
-  margin-bottom: var(--md);
-}
-
-
-:root {
-  --side-margin: var(--xl);
-
-  @media (max-width: $mobile-breakpoint) {
-    --side-margin: var(--lg);
-  }
-}
-
-.main {
-  min-width: 0; /* This is necessary to avoid overflow due to <pre> children. */
-  flex-grow: 1;
-  display: flex;
-  flex-direction: column;
-}
-
-.navbar, .article-wrapper {
-  max-width: 60rem;
-  margin: 0 var(--side-margin);
-}
-
-.navbar {
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-}
-
-.navbar-burger {
-  margin-left: calc(-1 * var(--side-margin));
-  margin-right: .5em;
-  padding: var(--lg);
-  display: flex;
-}
-
-.navbar-logo {
-  flex-grow: 99;
-  display: flex;
-  align-items: stretch;
-
-  a {
-    padding: var(--lg) 0;
-    display: flex;
-    align-items: center;
-  }
-}
-
-.navbar-search {
-  position: relative;
-  display: flex;
-  flex-grow: 1;
-}
-
-.navbar-search-input {
-  flex-grow: 1;
-  padding: .5rem !important;
-}
-
-.navbar-end {
-  flex-grow: 1;
-  display: flex;
-  justify-content: space-around;
-  flex-wrap: wrap;
-}
-
-.navbar-item {
-  flex-grow: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  line-height: 1.5;
-  margin-right: .25em;
-  margin-left: .25em;
-}
-
-.article-wrapper {
-  flex-grow: 1;
-  display: flex;
-  flex-direction: row;
-  align-items: flex-start;
-}
-
-.article {
-  min-width: 0; /* This is necessary to avoid overflow due to <pre> children. */
-  flex-grow: 1;
-}
-
-.toc-sidebar {
-  margin-left: var(--lg);
-  flex-grow: 0;
-  flex-shrink: 0;
-  width: 200px;
-  max-height: 80vh;
-  position: sticky;
-  top: 10vh;
-  overflow-y: auto;
-
-  @media (max-width: math.div($mobile-breakpoint * 2, 3)) {
-    display: none;
-  }
-}
-
-.notoc .toc-sidebar {
-  display: none;
-}
-
-/* To reset HubSpot Popup Banner's default animation effect */
-body .leadinModal.leadinModal-theme-top {
-  top: auto;
-  bottom: 0;
-  z-index: 99999999999;
-}
-
-.leadinModal.leadinModal-theme-top .leadinModal-content {
- animation-name: leadinModal-reset!important;
-}
-.leadinModal.leadinModal-theme-top.leadinModal-closing,
-.leadinModal.leadinModal-theme-top.leadinModal-closing .leadinModal-content{
-    animation-name: leadinModal-fadeout!important;
-}
-@keyframes leadinModal-reset {
-    0% {
-      transform: translateY(0);
-      -webkit-transform: translateY(0);
-      -moz-transform: translateY(0);
-      -ms-transform: translateY(0);
-      -o-transform: translateY(0);
-      opacity: 0;
-    }
-    1% {
-      transform: translateY(0);
-      -webkit-transform: translateY(0);
-      -moz-transform: translateY(0);
-      -ms-transform: translateY(0);
-      -o-transform: translateY(0);
-      opacity: 0;
-    }
-    2% {
-      transform: translateY(0);
-      -webkit-transform: translateY(0);
-      -moz-transform: translateY(0);
-      -ms-transform: translateY(0);
-      -o-transform: translateY(0);
-      opacity: 0;
-    }
-    100% {
-      transform: translateY(0);
-      -webkit-transform: translateY(0);
-      -moz-transform: translateY(0);
-      -ms-transform: translateY(0);
-      -o-transform: translateY(0);
-      opacity: 1;
-    }
-  }
diff --git a/ui/src/css-bak/main.scss b/ui/src/css-bak/main.scss
deleted file mode 100644
index e69de29b..00000000
diff --git a/ui/src/css-bak/page-version-selector.scss b/ui/src/css-bak/page-version-selector.scss
deleted file mode 100644
index 4128e63d..00000000
--- a/ui/src/css-bak/page-version-selector.scss
+++ /dev/null
@@ -1,76 +0,0 @@
-.page-version-selector {
-  display: none;
-  margin-right: 0.7rem;
-  position: relative;
-}
-
-@media (min-width: 1024px) {
-  .page-version-selector {
-    display: block;
-  }
-}
-
-.page-version-selector-toggle {
-  background-color: transparent;
-  background-image: url(../images/icons/chevron.svg);
-  background-repeat: no-repeat;
-  background-position: right 0.5rem top 50%;
-  background-size: auto 0.95em;
-  border: 1px solid transparent;
-  cursor: pointer;
-  font-family: "Open Sans", sans-serif;
-  font-size: 0.75rem;
-  margin: 0;
-  padding: .3rem 1.75rem .3rem 0.5rem;
-  position: relative;
-  z-index: 3;
-}
-
-.page-version-selector[data-state=expanded] .page-version-selector-toggle {
-  background-image: url(../images/icons/chevron.svg);
-  color: #fff;
-}
-
-.page-version-selector-toggle:hover,
-.page-version-selector-toggle:active,
-.page-version-selector-toggle:focus {
-  outline: none;
-  border-color: var(--core-violet-3);
-}
-
-.page-version-selector-toggle::-moz-focus-inner {
-  border: none;
-}
-
-.page-version-selector-panel {
-  background-color: var(--core-violet-3);
-  border: 1px solid var(--core-violet-3);
-  box-sizing: border-box;
-  padding: 1.6rem 0.5rem 0.3rem 0.5rem;
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  visibility: hidden;
-}
-
-.page-version-selector[data-state=expanded] .page-version-selector-panel {
-  visibility: visible;
-  z-index: 2;
-}
-
-.page-version-selector a.page-version {
-  display: block;
-  font-size: 0.75rem;
-  color: #fff;
-}
-
-.page-version-selector a.page-version--current {
-  display: none;
-}
-
-.page-version-selector a.page-version--missing {
-  color: var(--core-blue-1);
-  text-decoration: none;
-  font-style: italic;
-}
diff --git a/ui/src/css-bak/specific/navigation.scss b/ui/src/css-bak/specific/navigation.scss
deleted file mode 100644
index bb052368..00000000
--- a/ui/src/css-bak/specific/navigation.scss
+++ /dev/null
@@ -1,113 +0,0 @@
-.nav {
-  padding: 1rem;
-  background: var(--core-gray);
-  color: var(--color-text-light);
-
-  a {
-    text-decoration: none;
-    color: inherit;
-  }
-
-  .nav-li-active > a {
-    color: var(--core-violet-4);
-  }
-}
-
-.nav-component {
-  line-height: 1rem;
-}
-
-.nav-component a,
-.btn-back {
-  padding: .7rem 1rem;
-}
-
-.nav-title {
-  padding: 0 1rem;
-  font-size: .8em;
-  font-family: var(--heading);
-  color: var(--aluminum-5);
-  letter-spacing: .05em;
-  font-weight: var(--weight-bold);
-  text-transform: uppercase;
-}
-
-.btn-back {
-  opacity: .6;
-  margin-bottom: 0.5rem;
-  line-height: 1.5rem;
-  margin-left: 1.3rem;
-  cursor: pointer;
-
-  &::before{
-    display: inline-block;
-    content: url(../images/icons/arrow_back.svg);
-    margin-right: 0.3em;
-    margin-left: -1.3rem;
-    width: 1rem;
-  }
-}
-
-.nav-heading {
-  font-size: 1.3rem;
-  font-weight: var(--weight-medium);
-  font-family: var(--heading);
-  padding: 0 1rem;
-}
-
-.nav-component-active {
-  .nav-heading-active {
-    padding-top: 15px;
-    padding-bottom: 4px;
-    background: var(--core-gray);
-    z-index: 2;
-  }
-}
-
-.nav-list {
-  padding-left: 0;
-  list-style: none;
-  line-height: 1.7em;
-}
-
-.nav-component-heading {
-  color: var(--steel-4);
-  font-family: var(--heading);
-  font-weight: var(--weight-medium);
-  position: relative;
-  font-size: 1rem;
-}
-
-.nav-link:hover {
-  opacity: .8;
-  cursor: pointer;
-}
-
-.nav-link code {
-  font-size: .9rem;
-  padding: 0;
-}
-
-.nav-icon {
-  opacity: .8;
-}
-
-button.collapse-toggle {
-  cursor: pointer;
-  padding: 0;
-  border: none;
-
-  &.toggled {
-    img {
-      transform: rotate(-90deg);
-    }
-
-    ~ .collapsible-content {
-      display: none;
-    }
-  }
-}
-
-.close-menu-btn {
-  border: 0;
-}
diff --git a/ui/src/css-bak/specific/readme-notice.scss b/ui/src/css-bak/specific/readme-notice.scss
deleted file mode 100644
index d7d8d110..00000000
--- a/ui/src/css-bak/specific/readme-notice.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-/* These are hidden from the site and only shown in the READMEs on GitHub. */
-.readme-notice {
-  display: none;
-}
diff --git a/ui/src/css-bak/specific/version-select.scss b/ui/src/css-bak/specific/version-select.scss
deleted file mode 100644
index f60c0f4f..00000000
--- a/ui/src/css-bak/specific/version-select.scss
+++ /dev/null
@@ -1,85 +0,0 @@
-.component-version {
-  position: relative;
-}
-
-.btn-version {
-  font-size: .85rem;
-  font-weight: var(--weight-normal);
-  min-height: 1.5rem;
-  padding: 0 .5rem;
-  margin: .4rem 0;
-  border: 1px solid;
-  border-radius: 1rem;
-
-  &::after{
-    display: inline-block;
-    content: url(../images/icons/chevron.svg);
-    width: .8rem;
-    margin-left: .2rem;
-  }
-
-  &:hover,
-  &:focus {
-    color: var(--core-violet-4);
-  }
-
-  svg {
-    height: var(--md);
-    width: var(--md);
-  }
-}
-
-.popover-container {
-  opacity: 0;
-  pointer-events: none;
-  position: absolute;
-  right: 0;
-  top: 100%;
-  z-index: 1;
-  padding-top: .5em;
-
-  .btn-version:focus + &,
-  &:focus-within {
-    opacity: 1;
-    pointer-events: auto;
-  }
-}
-
-.popover {
-  font-family: var(--sans-serif);
-  font-size: .9em;
-  background: var(--tertiary);
-  border: 1px solid var(--aluminum-3);
-  border-radius: var(--border-radius);
-  box-shadow: 0 0 10px rgba(0, 0, 0, .05) ;
-  color: var(--steel-3);
-  padding: .5em;
-  margin: 0 var(--xs);
-  width: 10em;
-  user-select: none;
-
-  p {
-    margin: 0;
-    padding: 0 .5em;
-    font-weight: bold;
-    font-size: .9em;
-  }
-
-  ul {
-    margin: 0;
-    padding: 0;
-
-    li {
-      list-style: none;
-
-      a {
-        display: block;
-        padding: .2em .5em;
-
-        &:hover {
-          background-color: var(--aluminum-2);
-        }
-      }
-    }
-  }
-}
diff --git a/ui/src/css-bak/toc.scss b/ui/src/css-bak/toc.scss
deleted file mode 100644
index 9e1f5613..00000000
--- a/ui/src/css-bak/toc.scss
+++ /dev/null
@@ -1,60 +0,0 @@
-.toc-sidebar {
-  font-size: .8em;
-  opacity: .8;
-}
-
-.toc-menu {
-  border-width: 0 0 0 0.25rem;
-
-  ul {
-    list-style: none;
-    margin: 0;
-    padding: 0;
-    line-height: 1.2;
-  }
-
-  .subheading-list {
-    margin-left: 0.5em;
-  }
-}
-
-.toc-title {
-  font-size: inherit;
-  margin: 0;
-  padding: 0;
-  font-family: var(--heading);
-  color: var(--aluminum-5);
-  letter-spacing: .05em;
-  font-weight: var(--weight-bold);
-  text-transform: uppercase;
-}
-
-.toc .toc-menu li {
-  margin: 0.5rem 0 0;
-  padding-top: var(--xs);
-  padding-bottom: var(--xs);
-  padding-right: var(--sm);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  font-family: var(--sans-serif);
-  font-weight: var(--weight-bold);
-  font-size: var(--md);
-
-  &.subheading-item {
-    font-weight: var(--weight-normal);
-    margin: .25rem 0 0;
-  }
-}
-
-.toc a {
-  color: inherit;
-  text-decoration: none;
-
-  &:hover {
-    color: var(--core-violet-2);
-  }
-}
-
-.toc .toc-menu li a.toc-active {
-  color: var(--core-violet-4);
-}