From 2564cd5451497c88353117b3ba65d6578387cd22 Mon Sep 17 00:00:00 2001
From: Michael Mahrt <mikem255@gmail.com>
Date: Fri, 25 Feb 2022 09:28:03 -0800
Subject: [PATCH 01/20] adding local stylesheet

---
 assets/scss/_styles_project.scss | 799 ++++++++++++++++++++++++++++++-
 1 file changed, 798 insertions(+), 1 deletion(-)

diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 0c9a3dc..7f06f99 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -1,3 +1,800 @@
 .command-card {
     align-items: stretch;
-}
\ No newline at end of file
+    text-decoration: none !important;
+}
+#card-id:hover {
+  background-color: #ecf7fa !important;
+  color: #333333 !important;
+}
+
+#card-id {
+  background-color:#fafafa !important;
+  border: none !important;
+  border-radius: 5px !important;
+  width: 100% !important;
+  text-decoration: none !important;
+  margin: 1em 1.5% !important;
+}
+
+.td-content {
+  color: $gray !important;
+}
+
+.td-sidebar__inner {
+  padding-left: 15px !important;
+}
+
+i.fa.fa-angle-right.fa-lg.category-icon {
+  display: flex !important;
+  align-items: center !important;
+  justify-content: center !important;
+  order: 1 !important;
+  width: 20px !important;
+  cursor: pointer !important;
+  -webkit-text-stroke: 2px white !important;
+}
+
+li#m-docsmanualacl-li {
+  list-style: none !important;
+  font-size: 1rem !important;
+  padding-left: 15px !important;
+  text-align: -webkit-match-parent !important;
+}
+i.fa.fa-angle-right.fa-lg.category-icon:active {
+  color: $purple !important;
+}
+.children {
+  display: flex !important;
+  flex-direction: row !important;
+  line-height: 2rem !important;
+  color: $gray !important;
+  font-family: 'Graphik Web', sans-serif !important;
+}
+
+.td-content pre {
+  background-color: #f7f7f7 !important;
+  border-radius: 0.2rem !important;
+  overflow: auto !important;
+  padding: 0.5rem !important;
+  font-size: 15px !important;
+  white-space: pre !important;
+  word-spacing: normal !important;
+  word-break: normal !important;
+  word-wrap: normal !important;
+  max-width: 100% !important;
+  width: 100% !important;
+  position: relative !important;
+  display: inline-grid !important;
+}
+
+.td-toc li {
+  padding-bottom: 10px !important;
+  font-size: 1rem !important;
+}
+
+div#main_navbar a {
+  color: #fff !important;
+  font: 16px/1.6 "Open Sans", Helvetica, sans-serif !important;
+}
+/* styles for side nav */
+
+.td-sidebar-nav .td-sidebar-link__page {
+  color: $gray !important;
+}
+
+.td-sidebar-nav .td-sidebar-link__page:hover {
+  color: $activeblue !important;
+}
+.td-sidebar-nav__section-title {
+  display: list-item !important;
+  box-sizing: border-box !important;
+}
+.td-sidebar-nav a.active {
+  color: $activeblue !important;
+  font-weight: normal !important;
+}
+
+.td-sidebar-nav .td-sidebar-link {
+  // display: flex !important;
+  // align-items: center !important;
+  // justify-content: center !important;
+  // order: 1 !important;
+  // width: 20px !important;
+  // cursor: pointer !important;
+}
+.td-sidebar-link {
+  display: flex !important;
+  flex: 1 !important;
+  order: 2 !important;
+  padding: 0.6rem 0.1rem !important;
+  line-height: 1.3rem !important;
+  text-decoration: none !important;
+}
+i.fa.fa-angle-right.fa-lg.category-icon:hover {
+  color: $purple !important;
+  border-radius: 0.2rem !important;
+  padding: 0 0rem !important;
+}
+
+/* end styles for side nav */
+
+.td-content {
+  font-family: 'Graphik Web', sans-serif !important;
+}
+
+.anchor {
+  color: $gray !important;
+  font-size: 3.5em !important;
+  cursor: pointer !important;
+  vertical-align: middle !important;
+  -webkit-transition: color 0.35s ease !important;
+  -moz-transition: color 0.35s ease !important;
+  -ms-transition: color 0.35s ease !important;
+  transition: color 0.35s ease !important;
+  width: 22px !important; height: 22px !important;
+  background-size: 13px !important;
+  display: inline-block !important;
+}
+.td-content p {
+  font-family: "Open Sans", Helvetica, sans-serif !important;
+  font-size: 16px !important;
+  line-height: 22px !important;
+}
+
+a {
+  color: $activeblue !important;
+}
+
+a:hover {
+  text-decoration: underline !important;
+}
+
+
+/* overrides for footer */
+
+// .footer {
+//     clear: both !important;
+//     margin-top: 0 !important;
+//     background: #3f4b5f !important;
+//     position: relative !important;
+//     z-index: 3 !important;
+// }
+//
+// .footer-wrapper {
+//   padding-top: 50px !important;
+//   padding-bottom: 50px !important;
+//   margin: 0 auto !important;
+//   max-width: 1100px !important;
+//   width: 90% !important;
+// }
+//
+// .footer-wrapper .row {
+//   max-width: 100% !important;
+// }
+//
+// .footer .column {
+//   padding: 0 !important;
+// }
+//
+// .footer h3, .footer h4, .footer h5, .footer h6 {
+//     color: #fff !important;
+// }
+//
+// .footer a {
+//     color: #a2a8a8 !important;
+// }
+//
+// .footer a:hover {
+//     color: #1585cf !important;
+// }
+//
+// .footer .social a {
+//   display: inline-block !important;
+//   padding: 0 !important;
+//   font-size: 30px !important;
+//   margin-right: .2em !important;
+// }
+//
+// .footer .left-columns {
+//   width: 50% !important;
+//   display: flex !important;
+//   margin-right: 50px !important;
+//   margin-bottom: 30px !important;
+// }
+//
+// .footer nav ul {
+//     margin-bottom: 0 !important;
+// }
+//
+// .footer nav ul.partners {
+//   margin-bottom: 30px !important;
+// }
+//
+// .footer nav a {
+//     font-size: 14px !important;
+//     color: #fff !important;
+//     font-weight: 300 !important;
+// }
+//
+// .footer nav h6 {
+//     color: #fff !important;
+//     text-transform: uppercase !important;
+//     font-size: 14px !important;
+//     margin-top: 0 !important;
+//     margin-bottom: 15px !important;
+//     line-height: 30px !important;
+// }
+//
+// .footer .copyright a {
+//     text-transform: uppercase !important;
+//     font-size: .875rem !important;
+// }
+//
+// .footer .v-bottom {
+//     color: #a2a8a8 !important;
+//     width: 100% !important;
+//     max-width: 100% !important;
+//     margin: 0 !important;
+//     padding: 0 !important;
+// }
+//
+// .footer .v-bottom .columns {
+//   padding-left: 0 !important;
+// }
+//
+// .footer-logo {
+//   margin-right: 13px !important;
+//   margin-top: 12px !important;
+//   margin-bottom: 1px !important;
+//   margin-left: 0 !important;
+//   float: left !important;
+// }
+//
+// .footer ul.no-bullet li {
+//   margin-bottom: 8px !important;
+//   line-height: 30px !important;
+// }
+//
+// .footer .cta {
+//   color: #fff !important;
+//   font-size: 14px !important;
+//   padding-right: 30px !important;
+// }
+//
+// .footer .cta p.cta-title {
+//   font-size: 14px !important;
+//   margin-top: 0!important;
+//   font-weight: 500 !important;
+//   padding-bottom: 0!important;
+//   margin-bottom: 0!important;
+// }
+//
+// .form-control {
+//   box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.1) !important;
+//   border: 1px solid $headergray !important;
+// }
+// .td-search-input {
+//   box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.1) !important;
+//   border: 1px solid $headergray !important;
+// }
+//
+// .footer .cta p.cta-text {
+//   font-size: 14px !important;
+//   line-height: 24px !important;
+//   padding-bottom: 0 !important;
+//   margin-top: 2px !important;
+//   margin-bottom: 0 !important;
+//   font-weight: 300 !important;
+// }
+
+.td-navbar {
+  box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.1) !important;
+}
+
+.site-footer { color: #777777 !important; font-size: 11px !important; margin: 20px; border-top: 1px solid #eeeeee; padding: 10px 0 0 0;}
+.site-footer a { color: #444444 !important; }
+
+@media only screen and (min-width: 992px) { .site-footer {background: url(https://redis.io/images/redis-small.png) no-repeat left top;padding: 0 0 0 50px;max-width: 840px;margin: .5em auto .5em auto !important;position: relative;border-top-width: 0; padding-bottom: 0;}
+  .site-footer p { line-height: 34px; margin: 0; } }
+
+// .container {
+//   margin: 0 auto !important;
+//   max-width: 900px !important;
+// }
+//
+// .footer .cta-btn {
+//   line-height: 1 !important;
+//   font-weight: 500 !important;
+//   border-radius: 6px!important;
+//   text-decoration: none !important;
+//   border: none !important;
+//   margin-top: 8px !important;
+//   padding: 8px 40px 10px !important;
+//   color: #fff !important;
+//   background-color: #5961ff !important;
+//   display: flex !important;
+//   justify-content: center !important;
+//   height: 37px !important;
+//   width: 142px !important;
+// }
+//
+// .footer .cta-btn a {
+//   display: flex !important;
+//   align-items: center !important;
+//   font-weight: 500 !important;
+//   font-size: 15px !important;
+// }
+//
+// .footer .cta-btn:hover {
+//   background-color: #3e41a0 !important;
+//   transition: all .2s ease-in-out !important;
+// }
+
+header {
+  -webkit-box-align: center !important;
+  -ms-flex-align: center !important;
+  align-items: center !important;
+  background-color: #222 !important;
+  color: #fff !important;
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  left: 0 !important;
+  margin-bottom: 0 !important;
+  position: absolute !important;
+  right: 0 !important;
+  top: 0 !important;
+  z-index: 999 !important;
+  transition: all .3s ease-in-out !important;
+  box-shadow: 0 0 6px 0 rgba(140,140,141,.5) !important;
+}
+header:after {
+  content: '' !important;
+  height: 0rem !important;
+  left: 0 !important;
+  position: absolute !important;
+  right: 0 !important;
+  top: 100% !important; }
+header a {
+  text-decoration: none !important; }
+
+.header-wrap-outer {
+  box-shadow: 0 0 6px 0 rgba(140,140,141,.5) !important;
+  position: -webkit-sticky !important;
+  position: sticky !important;
+  top: 0px !important;
+  z-index: 999 !important;
+}
+
+header .header-wrap {
+  display: flex !important;
+  justify-content: space-between !important;
+  height: 100% !important;
+  width: 90% !important;
+  max-width: 1600px !important;
+  margin: 0 0rem 0 2rem !important;
+  position: relative !important;
+}
+
+header .logo {
+  display: block !important;
+  position: absolute !important;
+  left: 0 !important;
+  top: 50% !important;
+  margin-top: -20px !important;
+}
+
+header .logo img {
+  width: 163px !important;
+  height: 40px !important;
+}
+
+header nav.shortcuts {
+  display: inline-block !important;
+  float: left !important;
+  margin-left: 190px !important;
+  position: relative !important;
+  margin-top: 3px !important;
+}
+header nav.shortcuts-right {
+  display: flex !important;
+  align-items: center !important;
+}
+header nav.shortcuts li {
+  opacity: 1 !important;
+  display: inline-block !important;
+  padding: 0 10px !important;
+  text-transform: uppercase !important;
+  font-family: "Open Sans", Helvetica, sans-serif !important;
+  font-weight: 700 !important;
+  font-size: 14px !important;
+  line-height: 70px !important;
+  color: #fff !important;
+  -webkit-font-smoothing: antialiased !important;
+  -moz-osx-font-smoothing: grayscale !important;
+  transition: opacity 200ms ease-in-out !important;
+  position: relative !important;
+}
+
+header nav.shortcuts li:last-of-type {
+  padding-right: 0 !important;
+}
+
+header nav.shortcuts li a:hover {
+  opacity: 1 !important;
+}
+
+header nav.shortcuts-right li a label {
+  color: #5961ff !important;
+  text-transform: capitalize !important;
+  font-weight: 700 !important;
+}
+
+header nav.shortcuts-right li a label:hover {
+  color: #3e41a0 !important;
+}
+
+header nav.shortcuts-right li a {
+  padding: 0 !important;
+}
+
+header nav.shortcuts-right li:last-child a label {
+  color: #5961ff !important;
+  opacity: 1 !important;
+  font-size: 16px !important;
+  height: 40px !important;
+  line-height: 45px !important;
+  margin-bottom: 4.25px !important;
+  background-color: transparent !important;
+  border: 2px solid #5961ff !important;
+  color: #5961ff !important;
+  border-radius: 6px!important;
+  height: 52px !important;
+  width: 100px !important;
+  padding: 12px 16px 12px !important;
+  display: flex !important;
+  align-items: center !important;
+}
+
+header nav.shortcuts-right li:last-child a label:hover {
+  color: #3e41a0 !important;
+  border: 2px solid #3e41a0 !important;
+}
+
+header nav.shortcuts label {
+  color: #6d7278 !important;
+  display: inline !important;
+  text-align: center !important;
+  -webkit-text-stroke-width: .35px !important;
+  -webkit-text-stroke-color: #fff !important;
+  font-weight: 700 !important;
+}
+header nav.shortcuts li .submenu-wrapper {
+  visibility: hidden !important;
+  opacity: 0 !important;
+  color: #3d5051 !important;
+  font-weight: 700 !important;
+  cursor: default !important;
+  text-transform: uppercase !important;
+  position: absolute !important;
+  left: 0 !important;
+  top: 70px !important;
+  padding: 0 30px 50px 30px !important;
+
+  -webkit-transition: all .3s ease-in-out !important;
+  -moz-transition: all .3s ease-in-out !important;
+  -ms-transition: all .3s ease-in-out !important;
+  -o-transition: all .3s ease-in-out !important;
+  transition: all .3s ease-in-out !important;
+
+  box-shadow: 0 100px 80px 0 rgba(0,0,0,.07), 0 41.8px 33.4px 0 rgba(0,0,0,.05), 0 22.3px 17.9px 0 rgba(0,0,0,.04), 0 12.5px 10px 0 rgba(0,0,0,.04), 0 6.7px 5.3px 0 rgba(0,0,0,.03), 0 2.8px 2.2px 0 rgba(0,0,0,.02) !important;
+  background: #fff !important;
+}
+header nav.shortcuts li .submenu-wrapper.cloud {
+  left: 230px !important;
+  position: fixed !important;
+  top: 70px !important;
+  width: 450px !important;
+}
+header nav.shortcuts li .submenu-wrapper.software {
+  width: 250px !important;
+}
+header nav.shortcuts li .submenu-wrapper.platform {
+  width: 800px !important;
+}
+header nav.shortcuts li .submenu-wrapper.solutions {
+  width: 500px !important;
+}
+header nav.shortcuts li .submenu-wrapper.developers {
+  left: auto !important;
+  position: fixed !important;
+  width: 560px !important;
+}
+header nav.shortcuts .submenu-wrapper .arrow_box {
+  position: absolute !important;
+  left: 40px !important;
+	background: #f3f3f3 !important;
+}
+
+header nav.shortcuts li .submenu-wrapper.products .arrow_box {
+  left: 250px !important;
+}
+
+header nav.shortcuts .submenu-wrapper .arrow_box:after {
+	bottom: 100% !important;
+	left: 50% !important;
+	border: solid transparent !important;
+	content: " " !important;
+	height: 0 !important;
+	width: 0 !important;
+	position: absolute !important;
+	pointer-events: none !important;
+	border-color: rgba(72, 213, 115, 0) !important;
+  border-bottom-color: #f3f3f3 !important;
+  border-width: 10px !important;
+  margin-left: -10px !important;
+}
+
+header nav.shortcuts li .submenu-wrapper a {
+  color: #3d5051 !important;
+  cursor: default !important;
+  font-weight: 700 !important;
+  padding-left: 10px !important;
+  text-transform: uppercase !important;
+}
+header nav.shortcuts li .submenu-wrapper .submenu {
+  line-height: 40px !important;
+  margin: 0 auto !important;
+  max-width: 1275px !important;
+}
+header nav.shortcuts li .submenu-wrapper .submenu:before{
+  display: inline-block !important;
+  width: 20px !important;
+  height: 20px !important;
+  position: absolute !important;
+  border: none !important;
+  top: -19px !important;
+  content: '' !important;
+  border-bottom: 10px solid transparent !important;
+  border-right: 10px solid transparent !important;
+  border-left: 10px solid transparent !important;
+}
+header nav.shortcuts li .submenu-wrapper .submenu .submenu-list {
+  align-items: stretch !important;
+  justify-content: space-between !important;
+  display: flex !important;
+  padding: 0 !important;
+}
+header nav.shortcuts li .submenu-wrapper .submenu .submenu-list > li {
+  display: flex !important;
+  flex-basis: 0 !important;
+  flex-grow: 1 !important;
+  padding: 0 !important;
+  margin-top: 10px !important;
+}
+
+header nav.shortcuts li .submenu-wrapper .submenu .submenu-list  .submenu-list__children {
+  margin-top: -25px !important;
+}
+
+header nav.shortcuts li .submenu-wrapper .submenu .submenu-list  .submenu-list__children li {
+  display: inline-block !important;
+  float: left !important;
+  height: 30px !important;
+  line-height: 30px !important;
+  width: 100% !important;
+  margin-bottom: 0 !important;
+}
+header nav.shortcuts li .submenu-wrapper .submenu .submenu-list  .submenu-list__children li a {
+  font-weight: 400 !important;
+  padding: 0 !important;
+  border-radius: 5px !important;
+  text-transform: none !important;
+  font-size: 14px !important;
+  color: #a7a7a7 !important;
+  height: 10px !important;
+  line-height: 20px !important;
+}
+header nav.shortcuts li .submenu-wrapper .submenu .submenu-list  .submenu-list__children li a:hover {
+  font-weight: 500 !important;
+  color: #494c4d !important;
+}
+
+header nav.shortcuts li .submenu-wrapper .submenu .submenu-list .submenu-section-title {
+  padding-left: 10px !important;
+  padding-bottom: 38px !important;
+  padding-top: 23px !important;
+  letter-spacing: 1px !important;
+  font-weight: 700 !important;
+  color: #6d7278 !important;
+  text-transform: uppercase !important;
+  line-height: 20px !important;
+  margin-bottom: 5px !important;
+  display: block !important;
+  line-height: 1.4 !important;
+  height: auto !important;
+  margin-bottom: 5px !important;
+}
+
+.td-sidebar-nav > .td-sidebar-nav__section {
+  padding-left: 2rem !important;
+}
+
+header nav.shortcuts li .fa {
+  font-size: 1.5rem !important;
+  margin-right: 0.3rem !important; }
+header nav.shortcuts li a:active,
+header nav.shortcuts li a:focus,
+header nav.shortcuts li a {
+  -webkit-box-align: center !important;
+  -ms-flex-align: center !important;
+  align-items: center !important;
+  box-sizing: border-box !important;
+  display: -webkit-box !important;
+  display: -ms-flexbox !important;
+  display: flex !important;
+  height: 2.9rem !important;
+  padding: 12.8px 16px !important;
+}
+
+
+p.card-title.mb-1 {
+  font-family: $font-family-monospace !important;
+  color: #0066aa !important;
+  text-overflow: ellipsis !important;
+  overflow: hidden !important;
+  white-space: nowrap !important;
+  display: inline !important;
+  margin: 0 0 2px 0 !important;
+  text-decoration: none !important;
+}
+
+#card-id a {
+  padding: 1em !important;
+  text-decoration: none !important;
+  height: 8em !important;
+}
+.card-body .m-0 .p-2 {
+  text-decoration: none !important;
+}
+p.card-text.text-muted.small {
+  display: block !important;
+  font-size: 0.8em !important;
+  line-height: 1.5em !important;
+  color: #333333 !important;
+  font-family: "Open Sans", Helvetica, sans-serif !important;
+  font-size: 0.8em !important;
+  line-height: 1.5em !important;
+  text-decoration: none !important;
+}
+.section-index {
+  padding-top: 1.5rem !important;
+}
+p.card-text.text-muted.small:hover {
+  text-decoration: none !important;
+}
+.td-navbar .td-search-input {
+  color: black !important;
+}
+#sidebar-main {
+  border: none !important;
+  background: white !important;
+}
+
+.td-content nav { margin: 0 auto; background-color: #f0f0f0; width: 100%; font-size: 0.85em; display: block; padding: 10px 0; }
+.td-content nav a { color: #555555; text-decoration: none; display: inline-block; padding: 0.3em 0.5em; }
+.td-content nav a.current { background-color: #666666; color: white; }
+.td-content nav label { margin: 0 10px; }
+.td-content nav label span { display: none; }
+.td-content nav select, #commands nav input { border: 1px solid #bbbbbb; font-size: 14px; margin: 0 5px; }
+.td-content nav input { border-radius: 5px; padding: 5px 5px 6px 5px; width: 200px; border: 1px solid #bbbbbb; margin: 0 5px; font-size: 14px;}
+.td-content nav input:focus { outline: none; }
+.td-content nav select { height: 32px; }
+select.command-reference-filter {
+  background-color: white;
+}
+.nav-container {
+  text-align: center;
+}
+
+hr.panel-line {
+  display: none !important;
+}
+
+@media only screen and (min-width: 992px) {
+  .td-content nav label span {
+    display: inline !important;
+  }
+  .td-content nav input {
+    width: 200px !important;
+  }
+  #card-id {
+    margin: 1em 1.5% !important;
+  }
+}
+@media only screen and (width: 768px) {
+  .td-content nav {
+    margin: 0 !important;
+  }
+  #card-id {
+    margin: 0 !important;
+  }
+}
+
+@media only screen and (max-width: 769px) {
+  .td-content nav {
+    margin: 6.5rem 0 0 auto;
+    background-color: #f0f0f0;
+    width: 100%;
+    font-size: 0.85em;
+    display: block;
+    padding: 10px 0;
+  }
+  .row {
+    display: block !important;
+  }
+  .d-flex {
+    display: block !important;
+  }
+  #card-id {
+    margin: 0 !important;
+  }
+}
+
+.td-search-input.form-control:focus {
+  border-color: white !important;
+  box-shadow: 0 0 0 2px #99caff !important;
+  color: black !important;
+}
+
+.row {
+  display: flex;
+  width: 100%;
+  margin: 0 auto;
+}
+
+.td-main main {
+  padding-bottom: 2rem !important;
+  margin: 0 auto !important;
+}
+
+@media only screen and (min-width: 768px) {
+    .col-md-9 {
+      flex: 0 0 100% !important;
+      max-width: 100% !important;
+    }
+    .td-main main {
+      padding-top: 4.2rem !important;
+    }
+}
+span.args {
+  display: inline !important;
+  color: #555555 !important;
+  white-space: nowrap !important;
+  text-overflow: ellipsis !important;
+  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
+  margin: 0 0 2px 0 !important;
+}
+.container-fluid {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+.col-12 {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+@media only screen and (min-width: 992px) {
+  span.args {
+    font-size: 0.8em !important;
+  }
+}
+@media only screen and (min-width: 576px) {
+  .container, .container-sm, .container-fluid {
+    max-width: 100% !important;
+  }
+
+}
+.container {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}

From ff0a310bd8980936d619cd7fa3bed01daf2e08f6 Mon Sep 17 00:00:00 2001
From: Michael Mahrt <mikem255@gmail.com>
Date: Fri, 25 Feb 2022 10:14:21 -0800
Subject: [PATCH 02/20] updating PR with previous code

---
 assets/icons/logo.png                | Bin 0 -> 2794 bytes
 assets/scss/_variables_project.scss  |  12 +++++++++
 layouts/commands/baseof.html         |  14 +----------
 layouts/commands/list.html           |  36 ++++++++++++++++++++++++---
 layouts/commands/single.html         |   4 +--
 layouts/partials/command-card.html   |   7 +++++-
 layouts/partials/command-syntax.html |   2 +-
 7 files changed, 55 insertions(+), 20 deletions(-)
 create mode 100644 assets/icons/logo.png

diff --git a/assets/icons/logo.png b/assets/icons/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..df242116ab73728357219b296ac4b4122ec211cd
GIT binary patch
literal 2794
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

literal 0
HcmV?d00001

diff --git a/assets/scss/_variables_project.scss b/assets/scss/_variables_project.scss
index 18e2a34..878f9e4 100644
--- a/assets/scss/_variables_project.scss
+++ b/assets/scss/_variables_project.scss
@@ -18,8 +18,14 @@ $white: #fff !default;
 $light: #D3F3EE !default;
 
 $dark: #403F4C !default;
+$headergray: #6d7278 !default;
+$footergray: #777777 !default;
+$footerborder: #eeeeee !default;
+$footerlinks: #444444 !default;
 $blue: #72A1E5 !default;
 $orange: #BA5A31 !default;
+$gray: #354253 !default;
+$activeblue: #5961ff !default;
 $gray-100: #f8f9fa !default;
 $gray-200: #eee !default;
 $gray-300: #dee2e6 !default;
@@ -32,3 +38,9 @@ $gray-900: #222 !default;
 $black: #000 !default;
 
 $code-color: darken($secondary, 20%) !default;
+
+/*
+
+Add styles for redis.io to match prod
+
+*/
diff --git a/layouts/commands/baseof.html b/layouts/commands/baseof.html
index 78b37b0..eecd994 100644
--- a/layouts/commands/baseof.html
+++ b/layouts/commands/baseof.html
@@ -10,18 +10,6 @@
     <div class="container-fluid td-outer">
       <div class="td-main">
         <div class="row flex-xl-nowrap">
-          <aside class="col-12 col-md-3 col-xl-2 td-sidebar d-print-none">
-            {{ if ne .File.BaseFileName "_index" }}
-            {{ partial "sidebar.html" . }}
-            {{ end }}
-          </aside>
-          <aside class="d-none d-xl-block col-xl-2 td-sidebar-toc d-print-none">
-            {{ if ne .File.BaseFileName "_index" }}
-            {{ partial "page-meta-links.html" . }}
-            {{ partial "toc.html" . }}
-            {{ partial "taxonomy_terms_clouds.html" . }}
-            {{ end }}
-          </aside>
           <main class="col-12 col-md-9 col-xl-8 pl-md-5" role="main">
             {{ partial "version-banner.html" . }}
             {{ if not .Site.Params.ui.breadcrumb_disable }}{{ partial "breadcrumb.html" . }}{{ end }}
@@ -33,4 +21,4 @@
     </div>
     {{ partial "scripts.html" . }}
   </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/layouts/commands/list.html b/layouts/commands/list.html
index 8cf027a..1c05994 100644
--- a/layouts/commands/list.html
+++ b/layouts/commands/list.html
@@ -1,6 +1,37 @@
 {{ define "main" }}
 <div class="td-content">
-    <h1>{{ .Title }}</h1>
+      <nav>
+        <div class="nav-container">
+          <label>
+            <span>Filter by group:</span>
+            <select class="command-reference-filter">
+              <option value="">All</option>
+              <option value="bitmap">Bitmaps</option>
+              <option value="cluster">Cluster</option>
+              <option value="connection">Connection</option>
+              <option value="geo">Geo</option>
+              <option value="hash">Hashes</option>
+              <option value="hyperloglog">HyperLogLog</option>
+              <option value="generic">Keys</option>
+              <option value="list">Lists</option>
+              <option value="pubsub">Pub/Sub</option>
+              <option value="scripting">Scripting</option>
+              <option value="sentinel">Sentinel</option>
+              <option value="server">Server</option>
+              <option value="set">Sets</option>
+              <option value="sorted-set">Sorted Sets</option>
+              <option value="stream">Streams</option>
+              <option value="string">Strings</option>
+              <option value="transactions">Transactions</option>
+            </select>
+          </label>
+          or
+          <label>
+            <span>search for:</span>
+            <input autocapitalize="off" autocomplete="off" autocorrect="off" autofocus="" class="js-command-reference-search" placeholder="e.g. COMMAND LIST" spellcheck="false">
+          </label>
+        </div>
+      </nav>
   {{ with .Params.description }}<div class="lead">{{ . | markdownify }}</div>{{ end }}
     <header class="article-meta">
         {{ $context := . }}
@@ -37,7 +68,6 @@ <h1>{{ .Title }}</h1>
             </ul>
         {{ else }}
         {{/* Otherwise we show a nice formatted list of subpages with page descriptions */}}
-        <hr class="panel-line">
         <div class="container">
             <div class="row">
                 {{ range $index, $page := $pages }}
@@ -52,7 +82,7 @@ <h1>{{ .Title }}</h1>
         </div>
         {{ end }}
     </div>
-    
+
     {{ if (and (not .Params.hide_feedback) (.Site.Params.ui.feedback.enable) (.Site.GoogleAnalytics)) }}
         {{ partial "feedback.html" .Site.Params.ui.feedback }}
         <br />
diff --git a/layouts/commands/single.html b/layouts/commands/single.html
index 74a5304..49491d1 100644
--- a/layouts/commands/single.html
+++ b/layouts/commands/single.html
@@ -33,8 +33,8 @@ <h2>History</h2>
   <ul>
     {{ range .Params.history }}
     <li>Starting with Redis version {{ index . 0 }}: {{ index . 1 | markdownify }}</li>
-  {{ end }}  
+  {{ end }}
   </ul>
 {{ end }}
 
-{{ end }}
\ No newline at end of file
+{{ end }}
diff --git a/layouts/partials/command-card.html b/layouts/partials/command-card.html
index 2039128..f77a626 100644
--- a/layouts/partials/command-card.html
+++ b/layouts/partials/command-card.html
@@ -1,11 +1,16 @@
 {{ $manualLink := cond (isset .Params "manuallink") .Params.manualLink ( cond (isset .Params "manuallinkrelref") (relref . .Params.manualLinkRelref) .RelPermalink) }}
 
-<div class="card m-1">
+<div class="card m-1" id="card-id">
     <a href="{{ .RelPermalink }}" title="{{ .Title }}">
         <div class="card-body m-0 p-2">
             <p class="card-title mb-1">
                 {{ .Title }}
             </p>
+              {{ range .Params.arguments }}
+                <span class="args">
+                    {{ .name }}
+                </span>
+              {{ end }}
             <p class="card-text text-muted small">
                 {{ .Params.summary }}
             </p>
diff --git a/layouts/partials/command-syntax.html b/layouts/partials/command-syntax.html
index 93f2780..ea0ebfb 100644
--- a/layouts/partials/command-syntax.html
+++ b/layouts/partials/command-syntax.html
@@ -43,4 +43,4 @@
   {{ errorf "Syntax error: command argument isn't an array or an object: (%T %+v)" . . }}
 {{ end }}
 
-{{ return $s }}
\ No newline at end of file
+{{ return $s }}

From 7824df6d90d50ec528d247bbb77456d1a18a9c31 Mon Sep 17 00:00:00 2001
From: Michael Mahrt <mikem255@gmail.com>
Date: Fri, 25 Feb 2022 16:09:08 -0800
Subject: [PATCH 03/20] fixes for header and header navigation

---
 assets/scss/_styles_project.scss | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 7f06f99..4fbcc9a 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -780,7 +780,8 @@ span.args {
   padding-right: 0 !important;
 }
 .col-12 {
-  padding-left: 0 !important;
+  padding-left: 0em !important;
+  padding-top: 1em !important;
   padding-right: 0 !important;
 }
 @media only screen and (min-width: 992px) {

From d7e5c173aee879fe235edbd729542d7b6a38194d Mon Sep 17 00:00:00 2001
From: Michael Mahrt <mikem255@gmail.com>
Date: Mon, 28 Feb 2022 09:17:39 -0800
Subject: [PATCH 04/20] adding fixes for the right hand side links as well as
 margin and padding for content areas. added inline to not interfere with css
 styles

---
 assets/scss/_styles_project.scss | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 4fbcc9a..737794e 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -710,6 +710,7 @@ hr.panel-line {
   }
   #card-id {
     margin: 1em 1.5% !important;
+    overflow: scroll !important;
   }
 }
 @media only screen and (width: 768px) {
@@ -764,9 +765,15 @@ hr.panel-line {
       max-width: 100% !important;
     }
     .td-main main {
-      padding-top: 4.2rem !important;
+      padding-top: 4.1rem !important;
     }
 }
+
+@media only screen and (min-width: 1200px) {
+  .td-main main {
+
+  }
+}
 span.args {
   display: inline !important;
   color: #555555 !important;

From 007fd9b363a71e0733f3270205f4bd36151390fa Mon Sep 17 00:00:00 2001
From: Michael Mahrt <mikem255@gmail.com>
Date: Tue, 1 Mar 2022 11:54:04 -0800
Subject: [PATCH 05/20] fixed labels inside navigation with wrong margins
 creating odd spaces. added markup in hugo for group names. changed name of
 command-groups.json to commandgroups. added custom js file for filtering.
 added style fixes for margin on content area documentation page

---
 assets/scss/_styles_project.scss              |  10 +-
 ...command-groups.json => commandgroups.json} |   0
 layouts/commands/list.html                    | 148 ++++++++++++++++--
 static/js/custom.js                           |  37 +++++
 4 files changed, 171 insertions(+), 24 deletions(-)
 rename data/{command-groups.json => commandgroups.json} (100%)
 create mode 100644 static/js/custom.js

diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 737794e..c414645 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -651,9 +651,7 @@ p.card-title.mb-1 {
 
 #card-id a {
   padding: 1em !important;
-  text-decoration: none !important;
-  height: 8em !important;
-}
+  text-decoration: none !important;}
 .card-body .m-0 .p-2 {
   text-decoration: none !important;
 }
@@ -680,11 +678,10 @@ p.card-text.text-muted.small:hover {
   border: none !important;
   background: white !important;
 }
-
 .td-content nav { margin: 0 auto; background-color: #f0f0f0; width: 100%; font-size: 0.85em; display: block; padding: 10px 0; }
 .td-content nav a { color: #555555; text-decoration: none; display: inline-block; padding: 0.3em 0.5em; }
 .td-content nav a.current { background-color: #666666; color: white; }
-.td-content nav label { margin: 0 10px; }
+.td-content nav label { margin: 0 0px !important; }
 .td-content nav label span { display: none; }
 .td-content nav select, #commands nav input { border: 1px solid #bbbbbb; font-size: 14px; margin: 0 5px; }
 .td-content nav input { border-radius: 5px; padding: 5px 5px 6px 5px; width: 200px; border: 1px solid #bbbbbb; margin: 0 5px; font-size: 14px;}
@@ -710,8 +707,7 @@ hr.panel-line {
   }
   #card-id {
     margin: 1em 1.5% !important;
-    overflow: scroll !important;
-  }
+    }
 }
 @media only screen and (width: 768px) {
   .td-content nav {
diff --git a/data/command-groups.json b/data/commandgroups.json
similarity index 100%
rename from data/command-groups.json
rename to data/commandgroups.json
diff --git a/layouts/commands/list.html b/layouts/commands/list.html
index 1c05994..bfa6d63 100644
--- a/layouts/commands/list.html
+++ b/layouts/commands/list.html
@@ -6,23 +6,137 @@
             <span>Filter by group:</span>
             <select class="command-reference-filter">
               <option value="">All</option>
-              <option value="bitmap">Bitmaps</option>
-              <option value="cluster">Cluster</option>
-              <option value="connection">Connection</option>
-              <option value="geo">Geo</option>
-              <option value="hash">Hashes</option>
-              <option value="hyperloglog">HyperLogLog</option>
-              <option value="generic">Keys</option>
-              <option value="list">Lists</option>
-              <option value="pubsub">Pub/Sub</option>
-              <option value="scripting">Scripting</option>
-              <option value="sentinel">Sentinel</option>
-              <option value="server">Server</option>
-              <option value="set">Sets</option>
-              <option value="sorted-set">Sorted Sets</option>
-              <option value="stream">Streams</option>
-              <option value="string">Strings</option>
-              <option value="transactions">Transactions</option>
+              <option value="bitmap">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "Bitmap" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+              <option value="cluster">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "Cluster" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+              <option value="connection">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "Connection" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+              <option value="geo">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "Geospatial indices" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+              <option value="hash">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "Hash" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+              <option value="hyperloglog">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "HyperLogLog" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+              <option value="generic">
+                Keys
+              </option>
+              <option value="list">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "List" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+              <option value="pubsub">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "Pub/Sub" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+              <option value="scripting">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "Scripting and Functions" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+              <option value="sentinel">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "Sentinel" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+              <option value="server">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "Server" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+              <option value="set">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "Set" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+              <option value="sorted-set">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "Sorted Set" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+              <option value="stream">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "Stream" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+              <option value="string">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "String" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
+              <option value="transactions">
+                {{ $commandGroups := site.Data.commandgroups }}
+                {{ range $commandGroups }}
+                  {{ if eq .display "Transactions" }}
+                    {{ .display }}
+                  {{ end }}
+                {{ end }}
+              </option>
             </select>
           </label>
           or
diff --git a/static/js/custom.js b/static/js/custom.js
new file mode 100644
index 0000000..becaddf
--- /dev/null
+++ b/static/js/custom.js
@@ -0,0 +1,37 @@
+function commandReference(){var $groups=$("#card-id a")
+
+$groups.click(function(){window.location.hash=this.getAttribute("href").substring(1)
+
+filterCommandReference()
+
+return false})
+
+var filter=document.querySelector('.command-reference-filter');filter.addEventListener('change',function(e){window.location.hash=e.target.value;});window.onhashchange=function(){filterCommandReference();}}
+
+function filterCommandReference(){var $commands=$(".container .row")
+
+var group=window.location.hash.substring(1) // set url before anchaor tag
+
+if(group.length==0){$commands.children().show()} // show initlal results of card
+
+else{$commands.find("div[data-group='"+group+"']").show() // if card isn't showed show results that match data-group
+
+$commands.find("div[data-group!='"+group+"']").hide()}
+
+var $groups=$(".container .row")
+
+$groups.removeClass("current")
+
+$groups.filter("[href='#"+group+"']").addClass("current")
+
+document.querySelector('.command-reference-filter').value=group;}
+
+
+
+function searchCommandReference(){var $commands=$('div.container.row')
+
+$('.js-command-reference-search').bind('input',function(ev){window.location.hash='';if(ev.keyCode===13){var name=$commands.filter(':visible')[0].getAttribute('data-name');window.location='/commands/'+name.replace(/ /g,'-');return;}
+
+var val=$(this).val().toLowerCase().replace(/[^a-z0-9 ]/g,'');if(val===''){$commands.show()}else{$commands.hide()
+
+$('div.container.row[data-name*="'+val+'"]').show()}})}

From 6dd163cd389673b0e98b8694933636ea6c50986b Mon Sep 17 00:00:00 2001
From: Michael Mahrt <mikem255@gmail.com>
Date: Tue, 1 Mar 2022 12:34:55 -0800
Subject: [PATCH 06/20] added inline styles and media queries for commands
 detailed view pages centering and width fixes

---
 assets/scss/_styles_project.scss |  6 ++++++
 layouts/commands/single.html     | 17 ++++++++++-------
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index c414645..8654a4d 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -765,6 +765,12 @@ hr.panel-line {
     }
 }
 
+@media only screen and (max-width: 768px) {
+  .top-mobile {
+    padding-top: 7.7rem !important;
+  }
+}
+
 @media only screen and (min-width: 1200px) {
   .td-main main {
 
diff --git a/layouts/commands/single.html b/layouts/commands/single.html
index 49491d1..752f201 100644
--- a/layouts/commands/single.html
+++ b/layouts/commands/single.html
@@ -3,9 +3,9 @@
 {{ if isset .Params "arguments" }}
 {{ $syntax = partial "command-syntax.html" .Params.arguments }}
 {{ end }}
-<h1>{{ .Title }} {{ $syntax }}</h1>
+<h1 class="top-mobile" style="max-width: 70% !important; margin: 0 auto !important;">{{ .Title }} {{ $syntax }}</h1>
 
-<div class="alert alert-primary" role="alert">
+<div class="alert alert-primary" style="max-width: 70% !important; margin: 0 auto !important;" role="alert">
   <div><strong>Available since:</strong> {{ .Params.since }}</div>
   <div><strong>Time complexity:</strong> {{ .Params.complexity | markdownify }}</div>
   <div><strong>ACL categories:</strong>
@@ -16,8 +16,8 @@ <h1>{{ .Title }} {{ $syntax }}</h1>
 </div>
 
 {{ if (isset .Params "deprecated_since") }}
-  <div class="pageinfo pageinfo-secondary">
-    <p>
+  <div class="pageinfo pageinfo-secondary" style="max-width: 70% !important; margin: 0 auto !important;">
+    <p style="max-width: 70% !important; margin: 0 auto !important;">
       As of Redis version {{ .Params.deprecated_since }}, this command is regarded as deprecated.
       {{ if (isset .Params "replaced_by") }}
       <br /><br />It can be replaced by {{ .Params.replaced_by | markdownify }} when migrating or writing new code.
@@ -26,13 +26,16 @@ <h1>{{ .Title }} {{ $syntax }}</h1>
   </div>
 {{ end }}
 
+<div style="max-width: 70% !important; margin: 0 auto !important;">
 {{ .Content }}
+</div>
+
 
 {{ if isset .Params "history" }}
-  <h2>History</h2>
-  <ul>
+  <h2 style="max-width: 70% !important; margin: 0 auto !important;">History</h2>
+  <ul style="max-width: 70% !important; margin: 0 auto !important;">
     {{ range .Params.history }}
-    <li>Starting with Redis version {{ index . 0 }}: {{ index . 1 | markdownify }}</li>
+    <li style="max-width: 70% !important; margin: 0 auto !important;">Starting with Redis version {{ index . 0 }}: {{ index . 1 | markdownify }}</li>
   {{ end }}
   </ul>
 {{ end }}

From 1b369601854fe6a6146a49b6256f52b143656f7a Mon Sep 17 00:00:00 2001
From: Michael Mahrt <mikem255@gmail.com>
Date: Tue, 1 Mar 2022 14:27:45 -0800
Subject: [PATCH 07/20] added style fixes for fonts on content areas

---
 assets/scss/_styles_project.scss | 31 +++++++++++++++++++++++++++++--
 static/js/custom.js              |  2 +-
 2 files changed, 30 insertions(+), 3 deletions(-)

diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 8654a4d..1d78919 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -289,6 +289,7 @@ a:hover {
 
 .td-navbar {
   box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.1) !important;
+
 }
 
 .site-footer { color: #777777 !important; font-size: 11px !important; margin: 20px; border-top: 1px solid #eeeeee; padding: 10px 0 0 0;}
@@ -720,7 +721,7 @@ hr.panel-line {
 
 @media only screen and (max-width: 769px) {
   .td-content nav {
-    margin: 6.5rem 0 0 auto;
+    margin: 5.5rem 0 0 auto;
     background-color: #f0f0f0;
     width: 100%;
     font-size: 0.85em;
@@ -753,6 +754,10 @@ hr.panel-line {
 .td-main main {
   padding-bottom: 2rem !important;
   margin: 0 auto !important;
+  font-family: 'Open Sans', Helvetica, sans-serif !important;
+}
+h1.top-mobile {
+  font-weight: bold !important;
 }
 
 @media only screen and (min-width: 768px) {
@@ -761,7 +766,10 @@ hr.panel-line {
       max-width: 100% !important;
     }
     .td-main main {
-      padding-top: 4.1rem !important;
+      padding-top: 4.2rem !important;
+    }
+    .td-sidebar-nav {
+      max-height: 100% !important;
     }
 }
 
@@ -769,6 +777,9 @@ hr.panel-line {
   .top-mobile {
     padding-top: 7.7rem !important;
   }
+  .td-navbar {
+    margin: 0 auto !important;
+  }
 }
 
 @media only screen and (min-width: 1200px) {
@@ -808,3 +819,19 @@ span.args {
   padding-left: 0 !important;
   padding-right: 0 !important;
 }
+.td-sidebar-nav {
+  max-height: 100% !important;
+}
+
+.td-page-meta {
+  margin: .5rem !important;
+}
+
+@media only screen and (max-width: 555px) {
+  div#main_navbar a {
+    font: 12px/1.6 "Open Sans", Helvetica, sans-serif !important;
+  }
+}
+.alert-primary {
+  border-color: #666666 !important;
+}
diff --git a/static/js/custom.js b/static/js/custom.js
index becaddf..071a90a 100644
--- a/static/js/custom.js
+++ b/static/js/custom.js
@@ -6,7 +6,7 @@ filterCommandReference()
 
 return false})
 
-var filter=document.querySelector('.command-reference-filter');filter.addEventListener('change',function(e){window.location.hash=e.target.value;});window.onhashchange=function(){filterCommandReference();}}
+var filter=document.querySelector('.command-reference-filter');filter.addEventListener('change',function(e){console.log('logging'); window.location.hash=e.target.value;});window.onhashchange=function(){filterCommandReference();}}
 
 function filterCommandReference(){var $commands=$(".container .row")
 

From 450efda49c356896c6665f7bbdcfa674584d7c18 Mon Sep 17 00:00:00 2001
From: Michael Mahrt <mikem255@gmail.com>
Date: Tue, 1 Mar 2022 14:32:48 -0800
Subject: [PATCH 08/20] added font fixes for navigation to match open sans
 instead of graphik web. same with other font families to match

---
 assets/scss/_styles_project.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 1d78919..01378ec 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -48,7 +48,7 @@ i.fa.fa-angle-right.fa-lg.category-icon:active {
   flex-direction: row !important;
   line-height: 2rem !important;
   color: $gray !important;
-  font-family: 'Graphik Web', sans-serif !important;
+  font-family: 'Open Sans', Helvetica, sans-serif !important;
 }
 
 .td-content pre {
@@ -119,7 +119,7 @@ i.fa.fa-angle-right.fa-lg.category-icon:hover {
 /* end styles for side nav */
 
 .td-content {
-  font-family: 'Graphik Web', sans-serif !important;
+  font-family: 'Open Sans', Helvetica, sans-serif !important;
 }
 
 .anchor {

From a4c13f5f29d7ba37b12a58aafec076e051f4c24e Mon Sep 17 00:00:00 2001
From: Michael Mahrt <mikem255@gmail.com>
Date: Tue, 1 Mar 2022 14:46:12 -0800
Subject: [PATCH 09/20] margin and padding fixes for the header, description
 and summary on the commands detail pages

---
 assets/scss/_styles_project.scss |  8 ++++++++
 layouts/commands/single.html     | 10 +++++-----
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 01378ec..f11f358 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -835,3 +835,11 @@ span.args {
 .alert-primary {
   border-color: #666666 !important;
 }
+
+.alert {
+  padding: 5px 15px !important;
+}
+
+.alert alert-primary > div {
+  margin: 5px 0 !important;
+}
diff --git a/layouts/commands/single.html b/layouts/commands/single.html
index 752f201..118109b 100644
--- a/layouts/commands/single.html
+++ b/layouts/commands/single.html
@@ -3,12 +3,12 @@
 {{ if isset .Params "arguments" }}
 {{ $syntax = partial "command-syntax.html" .Params.arguments }}
 {{ end }}
-<h1 class="top-mobile" style="max-width: 70% !important; margin: 0 auto !important;">{{ .Title }} {{ $syntax }}</h1>
+<h1 class="top-mobile" style="max-width: 70% !important; margin: 0 auto .5em !important;">{{ .Title }} {{ $syntax }}</h1>
 
-<div class="alert alert-primary" style="max-width: 70% !important; margin: 0 auto !important;" role="alert">
-  <div><strong>Available since:</strong> {{ .Params.since }}</div>
-  <div><strong>Time complexity:</strong> {{ .Params.complexity | markdownify }}</div>
-  <div><strong>ACL categories:</strong>
+<div class="alert alert-primary" style="max-width: 70% !important; margin: 0 auto 1.5em !important;" role="alert">
+  <div style="margin: 5px 0 !important;"><strong>Available since:</strong> {{ .Params.since }}</div>
+  <div style="margin: 5px 0 !important;"><strong>Time complexity:</strong> {{ .Params.complexity | markdownify }}</div>
+  <div style="margin: 5px 0 !important;"><strong>ACL categories:</strong>
     {{ range .Params.acl_categories }}
     {{ printf "`%s`" . | markdownify }}
     {{ end}}

From ae68ef9f7d51dad70c4c38186c1867175dcc6044 Mon Sep 17 00:00:00 2001
From: Michael Mahrt <mikem255@gmail.com>
Date: Tue, 1 Mar 2022 15:30:33 -0800
Subject: [PATCH 10/20] adding style fixes for max width on the detailed
 documentation pages

---
 assets/scss/_styles_project.scss | 16 ++++++++++++++++
 layouts/commands/single.html     | 22 +++++++++++-----------
 2 files changed, 27 insertions(+), 11 deletions(-)

diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index f11f358..5851d3c 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -843,3 +843,19 @@ span.args {
 .alert alert-primary > div {
   margin: 5px 0 !important;
 }
+
+.mobile-wide {
+  max-width: 90% !important;
+}
+
+@media only screen and (min-width: 1200px) {
+  .mobile-wide {
+    max-width: 70% !important;
+  }
+}
+
+@media only screen and (max-width: 678px) {
+  .mobile-wide {
+    max-width: 90% !important;
+  }
+}
diff --git a/layouts/commands/single.html b/layouts/commands/single.html
index 118109b..122b184 100644
--- a/layouts/commands/single.html
+++ b/layouts/commands/single.html
@@ -3,12 +3,12 @@
 {{ if isset .Params "arguments" }}
 {{ $syntax = partial "command-syntax.html" .Params.arguments }}
 {{ end }}
-<h1 class="top-mobile" style="max-width: 70% !important; margin: 0 auto .5em !important;">{{ .Title }} {{ $syntax }}</h1>
+<h1 class="top-mobile mobile-wide" style="margin: 0 auto .5em !important;">{{ .Title }} {{ $syntax }}</h1>
 
-<div class="alert alert-primary" style="max-width: 70% !important; margin: 0 auto 1.5em !important;" role="alert">
-  <div style="margin: 5px 0 !important;"><strong>Available since:</strong> {{ .Params.since }}</div>
-  <div style="margin: 5px 0 !important;"><strong>Time complexity:</strong> {{ .Params.complexity | markdownify }}</div>
-  <div style="margin: 5px 0 !important;"><strong>ACL categories:</strong>
+<div class="alert alert-primary mobile-wide" style="margin: 0 auto 1.5em !important;" role="alert">
+  <div class="mobile-wide" style="margin: 5px 0 !important;"><strong>Available since:</strong> {{ .Params.since }}</div>
+  <div class="mobile-wide" style="margin: 5px 0 !important;"><strong>Time complexity:</strong> {{ .Params.complexity | markdownify }}</div>
+  <div class="mobile-wide" style="margin: 5px 0 !important;"><strong>ACL categories:</strong>
     {{ range .Params.acl_categories }}
     {{ printf "`%s`" . | markdownify }}
     {{ end}}
@@ -16,8 +16,8 @@ <h1 class="top-mobile" style="max-width: 70% !important; margin: 0 auto .5em !im
 </div>
 
 {{ if (isset .Params "deprecated_since") }}
-  <div class="pageinfo pageinfo-secondary" style="max-width: 70% !important; margin: 0 auto !important;">
-    <p style="max-width: 70% !important; margin: 0 auto !important;">
+  <div class="pageinfo pageinfo-secondary mobile-wide" style="mmargin: 0 auto !important;">
+    <p class="mobile-wide" style="margin: 0 auto !important;">
       As of Redis version {{ .Params.deprecated_since }}, this command is regarded as deprecated.
       {{ if (isset .Params "replaced_by") }}
       <br /><br />It can be replaced by {{ .Params.replaced_by | markdownify }} when migrating or writing new code.
@@ -26,16 +26,16 @@ <h1 class="top-mobile" style="max-width: 70% !important; margin: 0 auto .5em !im
   </div>
 {{ end }}
 
-<div style="max-width: 70% !important; margin: 0 auto !important;">
+<div class="mobile-wide" style="margin: 0 auto !important;">
 {{ .Content }}
 </div>
 
 
 {{ if isset .Params "history" }}
-  <h2 style="max-width: 70% !important; margin: 0 auto !important;">History</h2>
-  <ul style="max-width: 70% !important; margin: 0 auto !important;">
+  <h2 class="mobile-wide" style="margin: 0 auto !important;">History</h2>
+  <ul class="mobile-wide" style="margin: 0 auto !important;">
     {{ range .Params.history }}
-    <li style="max-width: 70% !important; margin: 0 auto !important;">Starting with Redis version {{ index . 0 }}: {{ index . 1 | markdownify }}</li>
+    <li class="mobile-wide" style="margin: 0 auto !important;">Starting with Redis version {{ index . 0 }}: {{ index . 1 | markdownify }}</li>
   {{ end }}
   </ul>
 {{ end }}

From bf832213523063c70f377e47df1233e551fb3aa9 Mon Sep 17 00:00:00 2001
From: Michael Mahrt <mikem255@gmail.com>
Date: Tue, 1 Mar 2022 15:54:54 -0800
Subject: [PATCH 11/20] added styles for responsive widths and giving
 appropriate margin

---
 assets/scss/_styles_project.scss   | 6 ++++++
 layouts/partials/command-card.html | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 5851d3c..00a533a 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -854,6 +854,12 @@ span.args {
   }
 }
 
+@media only screen and (min-width: 768px) {
+  .td-content {
+    margin: 1em !important;
+  }
+}
+
 @media only screen and (max-width: 678px) {
   .mobile-wide {
     max-width: 90% !important;
diff --git a/layouts/partials/command-card.html b/layouts/partials/command-card.html
index f77a626..67b0d85 100644
--- a/layouts/partials/command-card.html
+++ b/layouts/partials/command-card.html
@@ -7,7 +7,7 @@
                 {{ .Title }}
             </p>
               {{ range .Params.arguments }}
-                <span class="args">
+                <span class="args" style="text-overflow: ellipsis !important;">
                     {{ .name }}
                 </span>
               {{ end }}

From 5028be0966c07d06659be046663bce41f65ae4d4 Mon Sep 17 00:00:00 2001
From: Michael Mahrt <mikem255@gmail.com>
Date: Wed, 2 Mar 2022 04:50:48 -0800
Subject: [PATCH 12/20] margin fix on main area

---
 assets/scss/_styles_project.scss | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 00a533a..6e1604f 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -139,6 +139,7 @@ i.fa.fa-angle-right.fa-lg.category-icon:hover {
   font-family: "Open Sans", Helvetica, sans-serif !important;
   font-size: 16px !important;
   line-height: 22px !important;
+  margin-left: 14px !important;
 }
 
 a {
@@ -753,7 +754,7 @@ hr.panel-line {
 
 .td-main main {
   padding-bottom: 2rem !important;
-  margin: 0 auto !important;
+  margin: 0 0 0 1em !important;
   font-family: 'Open Sans', Helvetica, sans-serif !important;
 }
 h1.top-mobile {
@@ -780,6 +781,9 @@ h1.top-mobile {
   .td-navbar {
     margin: 0 auto !important;
   }
+  .td-content > h1 {
+    margin-left: 12px !important;
+  }
 }
 
 @media only screen and (min-width: 1200px) {
@@ -855,13 +859,20 @@ span.args {
 }
 
 @media only screen and (min-width: 768px) {
-  .td-content {
-    margin: 1em !important;
+  // .td-content {
+  //   margin: 1em !important;
+  // }
+
+  .margin-content {
+    margin-left: 20px !important;
   }
 }
 
-@media only screen and (max-width: 678px) {
+@media only screen and (max-width: 768px) {
   .mobile-wide {
     max-width: 90% !important;
   }
+  .margin-content {
+    margin-left: 10px !important;
+  }
 }

From 7bd10360baf60806e438346776cbd57c8b3e5eb9 Mon Sep 17 00:00:00 2001
From: Michael Mahrt <mikem255@gmail.com>
Date: Wed, 2 Mar 2022 04:58:09 -0800
Subject: [PATCH 13/20] removing left margin from main element

---
 assets/scss/_styles_project.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 6e1604f..30d9c65 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -754,7 +754,7 @@ hr.panel-line {
 
 .td-main main {
   padding-bottom: 2rem !important;
-  margin: 0 0 0 1em !important;
+  margin: 0 auto !important;
   font-family: 'Open Sans', Helvetica, sans-serif !important;
 }
 h1.top-mobile {

From 939ae6ebec07d979ca5289549b04b0ec09f75af4 Mon Sep 17 00:00:00 2001
From: Michael Mahrt <mikem255@gmail.com>
Date: Wed, 2 Mar 2022 08:50:36 -0800
Subject: [PATCH 14/20] adding footer and navbar

---
 layouts/partials/footer.html | 50 ++++++++++++++++++++++++++++++++++++
 layouts/partials/navbar.html |  2 +-
 2 files changed, 51 insertions(+), 1 deletion(-)
 create mode 100644 layouts/partials/footer.html

diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
new file mode 100644
index 0000000..2f4d75c
--- /dev/null
+++ b/layouts/partials/footer.html
@@ -0,0 +1,50 @@
+<!-- {{ $links := .Site.Params.links }}
+<footer class="bg-dark py-5 row d-print-none">
+  <div class="container-fluid mx-sm-5">
+    <div class="row">
+      <div class="col-6 col-sm-4 text-xs-center order-sm-2">
+        {{ with $links }}
+        {{ with index . "user"}}
+        {{ template "footer-links-block"  . }}
+        {{ end }}
+        {{ end }}
+      </div>
+      <div class="col-6 col-sm-4 text-right text-xs-center order-sm-3">
+        {{ with $links }}
+        {{ with index . "developer"}}
+        {{ template "footer-links-block"  . }}
+        {{ end }}
+        {{ end }}
+      </div>
+      <div class="col-12 col-sm-4 text-center py-2 order-sm-2">
+        {{ with .Site.Params.copyright }}<small class="text-white">&copy; {{ now.Year}} {{ .}} {{ T "footer_all_rights_reserved" }}</small>{{ end }}
+        {{ with .Site.Params.privacy_policy }}<small class="ml-1"><a href="{{ . }}" target="_blank" rel="noopener">{{ T "footer_privacy_policy" }}</a></small>{{ end }}
+	{{ if not .Site.Params.ui.footer_about_disable }}
+		{{ with .Site.GetPage "about" }}<p class="mt-2"><a href="{{ .RelPermalink }}">{{ .Title }}</a></p>{{ end }}
+	{{ end }}
+      </div>
+    </div>
+  </div>
+</footer>
+{{ define "footer-links-block" }}
+<ul class="list-inline mb-0">
+  {{ range . }}
+  <li class="list-inline-item mx-2 h3" data-toggle="tooltip" data-placement="top" title="{{ .name }}" aria-label="{{ .name }}">
+    <a class="text-white" target="_blank" rel="noopener" href="{{ .url }}" aria-label="{{ .name }}">
+      <i class="{{ .icon }}"></i>
+    </a>
+  </li>
+  {{ end }}
+</ul>
+{{ end }} -->
+{{ $links := .Site.Params.links }}<footer class="site-footer">
+        <div class="container">
+          <p>
+            This website is
+            <a href="https://github.com/redis/redis-io">open source software</a>
+            and is sponsored by
+            <a href="https://redis.com">Redis Ltd.</a>
+            See all <a href="https://www.redis.io/topics/sponsors">credits</a>.
+          </p>
+        </div>
+</footer>
diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
index 62b52cc..0fa9a70 100644
--- a/layouts/partials/navbar.html
+++ b/layouts/partials/navbar.html
@@ -1,7 +1,7 @@
 {{ $cover := and (.HasShortcode "blocks/cover") (not .Site.Params.ui.navbar_translucent_over_cover_disable) }}
 <nav class="js-navbar-scroll navbar navbar-expand navbar-dark {{ if $cover}} td-navbar-cover {{ end }}flex-column flex-md-row td-navbar">
         <a class="navbar-brand" href="{{ .Site.Home.RelPermalink }}">
-		<span class="navbar-logo">{{ if .Site.Params.ui.navbar_logo }}{{ with resources.Get "icons/logo.svg" }}{{ ( . | minify).Content | safeHTML }}{{ end }}{{ end }}</span>
+		<span class="navbar-logo">{{ if .Site.Params.ui.navbar_logo }}{{ with resources.Get "icons/logo.svg" }}{{ ( . | minify).Content | safeHTML }}{{ end }}{{ end }}</span><span class="font-weight-bold">{{ .Site.Title }}</span>
 	</a>
 	<div class="td-navbar-nav-scroll ml-md-auto" id="main_navbar">
 		<ul class="navbar-nav mt-2 mt-lg-0">

From 0c63f0a807115362a63149928deeceea1ee99721 Mon Sep 17 00:00:00 2001
From: Michael Mahrt <mikem255@gmail.com>
Date: Wed, 2 Mar 2022 08:57:18 -0800
Subject: [PATCH 15/20] removing header text

---
 assets/scss/_styles_project.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 30d9c65..8874476 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -7,6 +7,10 @@
   color: #333333 !important;
 }
 
+span.font-weight-bold {
+  display: none !important;
+}
+
 #card-id {
   background-color:#fafafa !important;
   border: none !important;

From 30c7a615ac8085eb50fd71efdfd87f12684ee61a Mon Sep 17 00:00:00 2001
From: Michael Mahrt <mikem255@gmail.com>
Date: Wed, 2 Mar 2022 10:54:28 -0800
Subject: [PATCH 16/20] adding template files to local rather than themes

---
 assets/scss/_styles_project.scss      |  8 ++++++
 layouts/partials/page-meta-links.html | 40 +++++++++++++++++++++++++++
 static/js/custom.js                   |  2 +-
 3 files changed, 49 insertions(+), 1 deletion(-)
 create mode 100644 layouts/partials/page-meta-links.html

diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 8874476..e8dcbef 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -880,3 +880,11 @@ span.args {
     margin-left: 10px !important;
   }
 }
+
+.td-sidebar-toc {
+  position: relative !important;
+}
+
+.td-block-padding, .td-default main section {
+  padding-top: 8rem !important;
+}
diff --git a/layouts/partials/page-meta-links.html b/layouts/partials/page-meta-links.html
new file mode 100644
index 0000000..876e7d4
--- /dev/null
+++ b/layouts/partials/page-meta-links.html
@@ -0,0 +1,40 @@
+{{ if .Path }}
+  {{ $pathFormatted := replace .Path "\\" "/" }}
+  {{ $gh_repo := ($.Param "github_repo") }}
+  {{ $gh_url := ($.Param "github_url") }}
+  {{ $gh_subdir := ($.Param "github_subdir") }}
+  {{ $gh_project_repo := ($.Param "github_project_repo") }}
+  {{ $gh_branch := (default "master" ($.Param "github_branch")) }}
+  <div class="td-page-meta ml-2 pb-1 pt-2 mb-0">
+  {{ if $gh_url }}
+     <a href="{{ $gh_url }}" target="_blank"><i class="fa fa-edit fa-fw"></i> {{ T "post_edit_this" }}</a>
+  {{ else if $gh_repo }}
+    {{ $gh_repo_path := printf "%s/content/%s" $gh_branch $pathFormatted }}
+    {{ if and ($gh_subdir) (.Site.Language.Lang) }}
+      {{ $gh_repo_path = printf "%s/%s/content/%s/%s" $gh_branch $gh_subdir ($.Site.Language.Lang) $pathFormatted }}
+    {{ else if .Site.Language.Lang }}
+      {{ $gh_repo_path = printf "%s/content/%s/%s" $gh_branch ($.Site.Language.Lang) $pathFormatted }}
+    {{ else if $gh_subdir }}
+      {{ $gh_repo_path = printf "%s/%s/content/%s" $gh_branch $gh_subdir $pathFormatted }}
+    {{ end }}
+    {{ $editURL := printf "%s/edit/%s" $gh_repo $gh_repo_path }}
+    {{ $createURL := printf "%s/edit/%s" $gh_repo $gh_repo_path }}
+    {{ $issuesURL := printf "%s/issues/new?title=%s" $gh_repo (safeURL $.Title )}}
+    {{ $newPageStub := resources.Get "stubs/new-page-template.md" }}
+    {{ $newPageQS := querify "value" $newPageStub.Content "filename" "change-me.md" | safeURL }}
+    {{ $newPageURL := printf "%s/new/%s?%s"  $gh_repo $gh_repo_path $newPageQS }}
+
+    <a href="{{ $editURL }}" target="_blank"><i class="fa fa-edit fa-fw"></i> {{ T "post_edit_this" }}</a>
+    <!-- <a href="{{ $newPageURL }}" target="_blank"><i class="fa fa-edit fa-fw"></i> {{ T "post_create_child_page" }}</a> -->
+    <a href="{{ $issuesURL }}" target="_blank"><i class="fab fa-github fa-fw"></i> {{ T "post_create_issue" }}</a>
+    {{ if $gh_project_repo }}
+      {{ $project_issueURL := printf "%s/issues/new" $gh_project_repo }}
+      <!-- <a href="{{ $project_issueURL }}" target="_blank"><i class="fas fa-tasks fa-fw"></i> {{ T "post_create_project_issue" }}</a> -->
+    {{ end }}
+
+  {{ end }}
+  {{ with .CurrentSection.AlternativeOutputFormats.Get "print" }}
+    <!-- <a id="print" href="{{ .Permalink | safeURL }}"><i class="fa fa-print fa-fw"></i> {{ T "print_entire_section" }}</a> -->
+  {{ end }}
+  </div>
+{{ end }}
diff --git a/static/js/custom.js b/static/js/custom.js
index 071a90a..becaddf 100644
--- a/static/js/custom.js
+++ b/static/js/custom.js
@@ -6,7 +6,7 @@ filterCommandReference()
 
 return false})
 
-var filter=document.querySelector('.command-reference-filter');filter.addEventListener('change',function(e){console.log('logging'); window.location.hash=e.target.value;});window.onhashchange=function(){filterCommandReference();}}
+var filter=document.querySelector('.command-reference-filter');filter.addEventListener('change',function(e){window.location.hash=e.target.value;});window.onhashchange=function(){filterCommandReference();}}
 
 function filterCommandReference(){var $commands=$(".container .row")
 

From 1b3a4aec197df83a527762788100447f37b7016c Mon Sep 17 00:00:00 2001
From: Michael Mahrt <mikem255@gmail.com>
Date: Wed, 2 Mar 2022 11:06:16 -0800
Subject: [PATCH 17/20] adding fixes for page meta links

---
 assets/scss/_styles_project.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index e8dcbef..3b6570a 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -882,7 +882,7 @@ span.args {
 }
 
 .td-sidebar-toc {
-  position: relative !important;
+  position: fixed !important;
 }
 
 .td-block-padding, .td-default main section {

From 94ef8f6d22b66f6517130c3cd835aa50125ddeb3 Mon Sep 17 00:00:00 2001
From: Michael Mahrt <mikem255@gmail.com>
Date: Wed, 2 Mar 2022 12:29:05 -0800
Subject: [PATCH 18/20] adding footer partial

---
 layouts/partials/footer.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 2f4d75c..2d71363 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -40,7 +40,7 @@
 {{ $links := .Site.Params.links }}<footer class="site-footer">
         <div class="container">
           <p>
-            This website is
+            This site is
             <a href="https://github.com/redis/redis-io">open source software</a>
             and is sponsored by
             <a href="https://redis.com">Redis Ltd.</a>

From 9e3a1077964eae0672c22db909e0b520358a1b80 Mon Sep 17 00:00:00 2001
From: Michael Mahrt <mikem255@gmail.com>
Date: Wed, 2 Mar 2022 15:50:29 -0800
Subject: [PATCH 19/20] transferring partials over to local

---
 Makefile                         | 4 ++--
 assets/scss/_styles_project.scss | 6 +++++-
 layouts/partials/footer.html     | 2 +-
 3 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/Makefile b/Makefile
index 4bd39ec..6b5050c 100644
--- a/Makefile
+++ b/Makefile
@@ -7,11 +7,11 @@ REDIS_DOC ?= ../redis-doc
 # Destination for output content
 DEST = ./content/en
 # List of files/directories that are just copied as is
-GENERIC = _index.html search.md about clients community docs modules tools
+GENERIC = _index.html search.md clients community docs modules tools
 
 .PHONY: all
 all: $(GENERIC) commands
-	
+
 .PHONY: $(GENERIC)
 $(GENERIC):
 	mkdir -p $(DEST)
diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 3b6570a..6424570 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -684,6 +684,10 @@ p.card-text.text-muted.small:hover {
   border: none !important;
   background: white !important;
 }
+
+footer {
+  min-height: 0px !important;
+}
 .td-content nav { margin: 0 auto; background-color: #f0f0f0; width: 100%; font-size: 0.85em; display: block; padding: 10px 0; }
 .td-content nav a { color: #555555; text-decoration: none; display: inline-block; padding: 0.3em 0.5em; }
 .td-content nav a.current { background-color: #666666; color: white; }
@@ -882,7 +886,7 @@ span.args {
 }
 
 .td-sidebar-toc {
-  position: fixed !important;
+  position: sticky !important;
 }
 
 .td-block-padding, .td-default main section {
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 2d71363..2f4d75c 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -40,7 +40,7 @@
 {{ $links := .Site.Params.links }}<footer class="site-footer">
         <div class="container">
           <p>
-            This site is
+            This website is
             <a href="https://github.com/redis/redis-io">open source software</a>
             and is sponsored by
             <a href="https://redis.com">Redis Ltd.</a>

From 147926567648b4e3373a124d4650ced348ca9abd Mon Sep 17 00:00:00 2001
From: Michael Mahrt <mikem255@gmail.com>
Date: Wed, 2 Mar 2022 17:55:25 -0800
Subject: [PATCH 20/20] pushing up filter fix

---
 assets/scss/_styles_project.scss   | 3 +++
 layouts/commands/list.html         | 8 ++++----
 layouts/partials/command-card.html | 2 +-
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss
index 6424570..014d361 100644
--- a/assets/scss/_styles_project.scss
+++ b/assets/scss/_styles_project.scss
@@ -1,6 +1,9 @@
 .command-card {
     align-items: stretch;
+    flex-basis: 30%;
+    flex-grow: 1;
     text-decoration: none !important;
+    width: 30%;
 }
 #card-id:hover {
   background-color: #ecf7fa !important;
diff --git a/layouts/commands/list.html b/layouts/commands/list.html
index bfa6d63..2172764 100644
--- a/layouts/commands/list.html
+++ b/layouts/commands/list.html
@@ -2,7 +2,7 @@
 <div class="td-content">
       <nav>
         <div class="nav-container">
-          <label>
+          <!-- <label>
             <span>Filter by group:</span>
             <select class="command-reference-filter">
               <option value="">All</option>
@@ -138,8 +138,8 @@
                 {{ end }}
               </option>
             </select>
-          </label>
-          or
+          </label> -->
+          <!-- or -->
           <label>
             <span>search for:</span>
             <input autocapitalize="off" autocomplete="off" autocorrect="off" autofocus="" class="js-command-reference-search" placeholder="e.g. COMMAND LIST" spellcheck="false">
@@ -185,7 +185,7 @@
         <div class="container">
             <div class="row">
                 {{ range $index, $page := $pages }}
-                    <div class="col command-card d-flex">
+                    <div class="col command-card">
                         {{ partial "command-card.html" $page }}
                     </div>
                     {{ if eq (mod (add $index 1) 3) 0 }}
diff --git a/layouts/partials/command-card.html b/layouts/partials/command-card.html
index 67b0d85..9d585b2 100644
--- a/layouts/partials/command-card.html
+++ b/layouts/partials/command-card.html
@@ -1,6 +1,6 @@
 {{ $manualLink := cond (isset .Params "manuallink") .Params.manualLink ( cond (isset .Params "manuallinkrelref") (relref . .Params.manualLinkRelref) .RelPermalink) }}
 
-<div class="card m-1" id="card-id">
+<div data-name="{{ .Title }}" class="card m-1" id="card-id">
     <a href="{{ .RelPermalink }}" title="{{ .Title }}">
         <div class="card-body m-0 p-2">
             <p class="card-title mb-1">