first commit

libretube-theme/static/css/bootstrap/bootstrap-reboot.css

@@ -0,0 +1,331 @@
+/*!
+ * Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
+ * Copyright 2011-2019 The Bootstrap Authors
+ * Copyright 2011-2019 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+html {
+  font-family: sans-serif;
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
+  display: block;
+}
+
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #212529;
+  text-align: left;
+  background-color: #fff;
+}
+
+[tabindex="-1"]:focus {
+  outline: 0 !important;
+}
+
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 0;
+  margin-bottom: 0.5rem;
+}
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+abbr[title],
+abbr[data-original-title] {
+  text-decoration: underline;
+  -webkit-text-decoration: underline dotted;
+  text-decoration: underline dotted;
+  cursor: help;
+  border-bottom: 0;
+  -webkit-text-decoration-skip-ink: none;
+  text-decoration-skip-ink: none;
+}
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem;
+}
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0;
+}
+
+dt {
+  font-weight: 700;
+}
+
+dd {
+  margin-bottom: .5rem;
+  margin-left: 0;
+}
+
+blockquote {
+  margin: 0 0 1rem;
+}
+
+b,
+strong {
+  font-weight: bolder;
+}
+
+small {
+  font-size: 80%;
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub {
+  bottom: -.25em;
+}
+
+sup {
+  top: -.5em;
+}
+
+a {
+  color: #007bff;
+  text-decoration: none;
+  background-color: transparent;
+}
+
+a:hover {
+  color: #0056b3;
+  text-decoration: underline;
+}
+
+a:not([href]):not([tabindex]) {
+  color: inherit;
+  text-decoration: none;
+}
+
+a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
+  color: inherit;
+  text-decoration: none;
+}
+
+a:not([href]):not([tabindex]):focus {
+  outline: 0;
+}
+
+pre,
+code,
+kbd,
+samp {
+  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+  font-size: 1em;
+}
+
+pre {
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+}
+
+figure {
+  margin: 0 0 1rem;
+}
+
+img {
+  vertical-align: middle;
+  border-style: none;
+}
+
+svg {
+  overflow: hidden;
+  vertical-align: middle;
+}
+
+table {
+  border-collapse: collapse;
+}
+
+caption {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  color: #6c757d;
+  text-align: left;
+  caption-side: bottom;
+}
+
+th {
+  text-align: inherit;
+}
+
+label {
+  display: inline-block;
+  margin-bottom: 0.5rem;
+}
+
+button {
+  border-radius: 0;
+}
+
+button:focus {
+  outline: 1px dotted;
+  outline: 5px auto -webkit-focus-ring-color;
+}
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button,
+input {
+  overflow: visible;
+}
+
+button,
+select {
+  text-transform: none;
+}
+
+select {
+  word-wrap: normal;
+}
+
+button,
+[type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button;
+}
+
+button:not(:disabled),
+[type="button"]:not(:disabled),
+[type="reset"]:not(:disabled),
+[type="submit"]:not(:disabled) {
+  cursor: pointer;
+}
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
+}
+
+input[type="radio"],
+input[type="checkbox"] {
+  box-sizing: border-box;
+  padding: 0;
+}
+
+input[type="date"],
+input[type="time"],
+input[type="datetime-local"],
+input[type="month"] {
+  -webkit-appearance: listbox;
+}
+
+textarea {
+  overflow: auto;
+  resize: vertical;
+}
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  padding: 0;
+  margin-bottom: .5rem;
+  font-size: 1.5rem;
+  line-height: inherit;
+  color: inherit;
+  white-space: normal;
+}
+
+progress {
+  vertical-align: baseline;
+}
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
+}
+
+[type="search"] {
+  outline-offset: -2px;
+  -webkit-appearance: none;
+}
+
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none;
+}
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button;
+}
+
+output {
+  display: inline-block;
+}
+
+summary {
+  display: list-item;
+  cursor: pointer;
+}
+
+template {
+  display: none;
+}
+
+[hidden] {
+  display: none !important;
+}
+/*# sourceMappingURL=bootstrap-reboot.css.map */

libretube-theme/static/css/bootstrap/bootstrap-reboot.min.css

@@ -0,0 +1,8 @@
+/*!
+ * Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
+ * Copyright 2011-2019 The Bootstrap Authors
+ * Copyright 2011-2019 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}
+/*# sourceMappingURL=bootstrap-reboot.min.css.map */

libretube-theme/static/css/styles.css

@@ -0,0 +1,806 @@
+/*!
+ * Author: jesus e.
+ * Version: 1.2
+ */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local("Open Sans Regular"), local("OpenSans-Regular"), url(../fonts/opensans/latin.woff2) format("woff2");
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* General Styling */
+body {
+  font-family: 'Open Sans', sans-serif;
+  color: #fff;
+  background: #111;
+  overflow-x: hidden;
+}
+
+p {
+  line-height: 24px;
+  font-weight: 300;
+}
+
+a {
+  text-decoration: none;
+  color: #007bff;
+}
+a:hover {
+  color: #0091EA;
+  text-decoration: none;
+  transition: all 0.3s ease-in-out;
+  -o-transition: all 0.3s ease-in-out;
+  -ms-transition: all 0.3s ease-in-out;
+  -moz-transition: all 0.3s ease-in-out;
+  -webkit-transition: all 0.3s ease-in-out;
+}
+
+.hr-author {
+  margin: 10px 0;
+}
+
+a.link-author {
+  color: #fff;
+}
+a.link-author:hover {
+  color: #fff;
+}
+
+.style-scope svg {
+  width: 1rem;
+  height: 1rem;
+  fill: #555;
+}
+
+article span {
+  color: #e00918;
+}
+
+ul {
+  padding: 0;
+}
+
+hr {
+  width: 100%;
+  height: 1px;
+  background-color: #222;
+  border: none;
+  margin: 30px 0;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  margin: 0;
+  padding: 0;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+summary {
+  font-weight: 700;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+}
+
+.button {
+  background-color: #0091EA;
+  color: #fff;
+  padding: 17px 25px;
+  text-transform: uppercase;
+  font-weight: 700;
+  font-size: 12px;
+  border: 2px solid #0091EA;
+  float: left;
+  border-radius: 999px;
+}
+.button:hover {
+  background-color: #fff;
+  color: #0288D1;
+  border: 2px solid #0288D1;
+  text-decoration: none;
+  transition: all 0.3s ease-in-out;
+  -o-transition: all 0.3s ease-in-out;
+  -ms-transition: all 0.3s ease-in-out;
+  -moz-transition: all 0.3s ease-in-out;
+  -webkit-transition: all 0.3s ease-in-out;
+}
+
+.clear {
+  clear: both;
+}
+
+video {
+  width: 100%;
+}
+
+/* highlight search */
+.highlighted {
+  background: #0091EA;
+  display: inline-block;
+  font-weight: bold;
+  padding: 0 6px;
+}
+
+/* Code */
+code {
+  background-color: #282828;
+  color: #73d1ed;
+}
+
+pre {
+  background-color: #282828;
+  color: #78dcfa;
+  padding: 1rem;
+}
+
+/* Colors Code */
+.highlight {
+  background: #000000;
+  color: #cccccc;
+}
+.highlight pre {
+  font-size: 75%;
+}
+.highlight .hll {
+  background-color: #222222;
+}
+.highlight .c {
+  color: #4E4F8E;
+}
+.highlight .err {
+  color: #cccccc;
+  border: 1px solid #FF0000;
+}
+.highlight .esc, .highlight .g {
+  color: #cccccc;
+}
+.highlight .k {
+  color: #cdcd00;
+}
+.highlight .l, .highlight .n {
+  color: #cccccc;
+}
+.highlight .o {
+  color: #3399cc;
+}
+.highlight .x {
+  color: #cccccc;
+}
+.highlight .p {
+  color: #fac0ba;
+}
+.highlight .ch, .highlight .cm, .highlight .cp, .highlight .cpf, .highlight .c1 {
+  color: #4E4F8E;
+}
+.highlight .cs {
+  color: #cd0000;
+  font-weight: bold;
+}
+.highlight .gd {
+  color: #cd0000;
+}
+.highlight .ge {
+  color: #cccccc;
+  font-style: italic;
+}
+.highlight .gr {
+  color: #FF0000;
+}
+.highlight .gh {
+  color: #4E4F8E;
+  font-weight: bold;
+}
+.highlight .gi {
+  color: #00cd00;
+}
+.highlight .go {
+  color: #888888;
+}
+.highlight .gp {
+  color: #4E4F8E;
+  font-weight: bold;
+}
+.highlight .gs {
+  color: #cccccc;
+  font-weight: bold;
+}
+.highlight .gu {
+  color: #800080;
+  font-weight: bold;
+}
+.highlight .gt {
+  color: #0044DD;
+}
+.highlight .kc {
+  color: #cdcd00;
+}
+.highlight .kd {
+  color: #00cd00;
+}
+.highlight .kn {
+  color: #cd00cd;
+}
+.highlight .kp, .highlight .kr {
+  color: #cdcd00;
+}
+.highlight .kt {
+  color: #00cd00;
+}
+.highlight .ld {
+  color: #cccccc;
+}
+.highlight .m {
+  color: #cd00cd;
+}
+.highlight .s {
+  color: #cd0000;
+}
+.highlight .na {
+  color: #cccccc;
+}
+.highlight .nb {
+  color: #cd00cd;
+}
+.highlight .nc {
+  color: #00cdcd;
+}
+.highlight .no, .highlight .nd, .highlight .ni {
+  color: #cccccc;
+}
+.highlight .ne {
+  color: #666699;
+  font-weight: bold;
+}
+.highlight .nf, .highlight .nl, .highlight .nn, .highlight .nx, .highlight .py {
+  color: #cccccc;
+}
+.highlight .nt {
+  color: orange;
+}
+.highlight .nv {
+  color: #00cdcd;
+}
+.highlight .ow {
+  color: #cdcd00;
+}
+.highlight .w {
+  color: #cccccc;
+}
+.highlight .mb, .highlight .mf, .highlight .mh, .highlight .mi, .highlight .mo {
+  color: #cd00cd;
+}
+.highlight .sb, .highlight .sc, .highlight .sd, .highlight .s2, .highlight .se, .highlight .sh, .highlight .si, .highlight .sx, .highlight .sr, .highlight .s1, .highlight .ss {
+  color: #cd0000;
+}
+.highlight .bp {
+  color: #cd00cd;
+}
+.highlight .vc, .highlight .vg, .highlight .vi {
+  color: #00cdcd;
+}
+.highlight .il {
+  color: #cd00cd;
+}
+
+/* Header */
+header {
+  background: #222;
+}
+
+.fixed-top {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 4;
+}
+
+.logo {
+  max-width: 60%;
+}
+
+#menu-toggle {
+  position: relative;
+  color: white;
+}
+#menu-toggle img {
+  width: 20px;
+}
+
+.menu-bars {
+  left: 1rem;
+}
+
+.menu-logo {
+  position: relative;
+  left: 2rem;
+}
+
+input {
+  border: 1px solid #000;
+  color: #fff;
+  font-size: 12px;
+  padding: 0.5rem 1rem;
+  width: 100%;
+  background: url(../images/search.png) #111 no-repeat right 35px center;
+  background-size: 3%;
+  outline: none;
+}
+
+.notifications {
+  display: -ms-flexbox;
+  display: flex;
+  margin: 0px;
+  -ms-flex-align: center;
+      align-items: center;
+  -ms-flex-pack: center;
+      justify-content: center;
+}
+.notifications li {
+  list-style: none;
+}
+.notifications li:hover {
+  cursor: pointer;
+}
+.notifications i {
+  color: #bbc3ca;
+  font-size: 20px;
+}
+.notifications span {
+  border-radius: 50px;
+  background-color: #0091EA;
+  color: #fff;
+  font-weight: 700;
+  padding: 4px 9px;
+  font-size: 11px;
+  position: relative;
+  top: -12px;
+  left: -12px;
+}
+
+/* Menu-profile */
+.menu-profile {
+  display: -ms-flexbox;
+  display: flex;
+  -ms-flex-wrap: nowrap;
+      flex-wrap: nowrap;
+  -ms-flex-pack: end;
+      justify-content: flex-end;
+  -ms-flex-align: center;
+      align-items: center;
+}
+.menu-profile ul {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  list-style: none;
+  margin-bottom: 0px;
+}
+
+.image-profile-menu {
+  width: 2rem;
+}
+.image-profile-menu img {
+  width: 100%;
+}
+
+.log-out a {
+  background: #0091EA;
+  color: white;
+  padding: .2rem;
+  font-size: .8rem;
+  font-weight: 700;
+}
+.log-out a:hover {
+  color: white;
+}
+
+/*----------------------*/
+.username {
+  color: #fff;
+  font-weight: 700;
+}
+
+/* header mt-6  */
+.mt-6, .my-6 {
+  margin-top: 6rem !important;
+}
+
+/* Tabs */
+.tab {
+  text-align: center;
+  margin: -10px 0;
+}
+.tab li {
+  display: inline-block;
+  text-transform: uppercase;
+  color: #808791;
+  font-weight: 700;
+  font-size: 12px;
+  margin: 0 20px;
+}
+.tab li:hover {
+  color: #0091EA;
+  cursor: pointer;
+  transition: all 0.3s ease-in-out;
+  -o-transition: all 0.3s ease-in-out;
+  -ms-transition: all 0.3s ease-in-out;
+  -moz-transition: all 0.3s ease-in-out;
+  -webkit-transition: all 0.3s ease-in-out;
+}
+.tab li > a {
+  color: white;
+}
+.tab .active {
+  border-bottom: 3px solid #0091EA;
+  padding-bottom: 20px;
+  margin-bottom: -20px;
+  color: #fff;
+}
+
+/* Main Content */
+.main-videos h2 {
+  margin: 20px 0px 0px 0px;
+  font-weight: 900;
+}
+.main-videos h2 > a {
+  color: white;
+}
+
+.area {
+  position: relative;
+  margin-bottom: 0.5rem;
+}
+
+.duration {
+  background-color: #0091EA;
+  color: #fff;
+  padding: 10px 30px;
+  text-transform: uppercase;
+  font-weight: 700;
+  font-size: 12px;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+}
+
+p.views {
+  color: #343434;
+}
+
+.video p {
+  margin: 0;
+  padding: 0;
+  color: #757a80;
+  line-height: inherit;
+}
+
+.area:hover .mask {
+  display: block;
+  cursor: pointer;
+  opacity: 100;
+  transition: all 0.3s ease-in-out;
+  -o-transition: all 0.3s ease-in-out;
+  -ms-transition: all 0.3s ease-in-out;
+  -moz-transition: all 0.3s ease-in-out;
+  -webkit-transition: all 0.3s ease-in-out;
+}
+
+.vertical-align {
+  position: relative;
+  top: 50%;
+  transform: translateY(-50%);
+  -webkit-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+}
+
+.mask {
+  position: absolute;
+  background-color: rgba(0, 145, 234, 0.8);
+  width: 100%;
+  height: 100%;
+  text-align: center;
+  opacity: 0;
+}
+.mask p {
+  color: #fff;
+  font-weight: 700;
+}
+.mask i {
+  color: #fff;
+}
+
+.mini {
+  list-style: none;
+}
+.mini h4 {
+  margin-top: 13px;
+  font-weight: 700;
+}
+.mini p {
+  font-size: 12px;
+  margin-top: 6px;
+}
+.mini .duration {
+  padding: 2px 5px;
+}
+.mini .mask p {
+  display: none;
+}
+.mini .soumaicon.play svg {
+  width: 3rem;
+  height: 3rem;
+}
+
+li.mini:nth-child(2) {
+  margin-bottom: 30px;
+}
+
+.video h4 {
+  margin-top: 15px;
+  font-weight: 400;
+}
+
+.single-channel .video p {
+  margin-top: 7px;
+}
+
+/* Channel Information Section */
+.channel-bio hr {
+  margin: 20px 0;
+}
+.channel-bio p {
+  text-align: justify;
+}
+.channel-bio .button {
+  margin-top: 10px;
+}
+
+.channel-name {
+  font-weight: 500;
+  font-size: 16px;
+}
+.channel-name img {
+  margin-right: 10px;
+}
+
+/* Pagination */
+.page-item:first-child .page-link > span, .page-item:last-child .page-link > span {
+  color: white;
+}
+
+.page-link {
+  background-color: #222;
+  border: 1px solid #111;
+  color: #fff;
+}
+
+.page-item.disabled .page-link {
+  pointer-events: none;
+  cursor: auto;
+  background-color: #111;
+  border-color: #222;
+}
+
+.page-link:hover {
+  text-decoration: none;
+  background-color: #0091EA;
+  border: solid 1px #026de0;
+  color: #fff;
+}
+
+.page-item.active .page-link {
+  color: #fff;
+  background-color: #0091EA;
+  border-color: #0091EA;
+}
+
+/* Footer */
+footer {
+  text-align: center;
+  padding: 0 0 30px;
+}
+footer li {
+  display: inline;
+  margin: 0 15px;
+}
+footer ul:nth-child(1) a {
+  font-size: 16px;
+  font-weight: 600;
+  color: #fff;
+}
+footer ul:nth-child(2) {
+  margin: 20px 0;
+}
+footer ul:nth-child(2) a {
+  color: #f5f5f5;
+}
+footer li a:hover {
+  color: #0091EA;
+  text-decoration: none;
+  transition: all 0.3s ease-in-out;
+  -o-transition: all 0.3s ease-in-out;
+  -ms-transition: all 0.3s ease-in-out;
+  -moz-transition: all 0.3s ease-in-out;
+  -webkit-transition: all 0.3s ease-in-out;
+}
+footer > h4, footer > h6 {
+  color: #aaa7a7;
+  font-weight: 300;
+}
+
+/* Sidebar */
+.title {
+  color: #00A5FF;
+  text-transform: uppercase;
+  font-weight: 700;
+}
+
+.sidebar {
+  margin-top: 0px;
+  /* Adjust vertical columm with menu-bar */
+}
+.sidebar ul {
+  margin-bottom: 5px;
+  list-style: none;
+}
+.sidebar li {
+  line-height: 40px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.sidebar a {
+  color: #828c95;
+  font-weight: 500;
+}
+.sidebar a:hover {
+  color: #0091EA;
+  text-decoration: none;
+}
+.sidebar i {
+  font-size: 20px;
+  margin-right: 15px;
+}
+.sidebar #subs img {
+  margin-right: 15px;
+  width: 25px;
+}
+
+#playlist p {
+  font-size: 12px;
+  font-weight: 300;
+  margin-left: 35px;
+  margin-top: -15px;
+}
+#playlist i {
+  float: left;
+}
+
+#sidebar-wrapper {
+  padding-top: 10px;
+  padding-left: 30px;
+  padding-right: 30px;
+  margin-bottom: -10px;
+  font-weight: 600;
+  font-size: 14px;
+  background-color: #111;
+  border-right: 1px solid #dbdee0;
+  top: 0;
+  bottom: 0;
+  z-index: 1000;
+  left: 0;
+  position: fixed;
+  width: 300px;
+  margin-left: -300px;
+  overflow-x: hidden;
+  overflow-y: hidden;
+  transition: all 0.3s ease-in-out;
+  -o-transition: all 0.3s ease-in-out;
+  -ms-transition: all 0.3s ease-in-out;
+  -moz-transition: all 0.3s ease-in-out;
+  -webkit-transition: all 0.3s ease-in-out;
+}
+#sidebar-wrapper.active {
+  left: 300px;
+  width: 300px;
+}
+
+#menu-close {
+  padding: 7px 0;
+}
+#menu-close img {
+  width: 10px;
+}
+
+/* Main */
+h2.title-video {
+  margin-left: 1rem;
+}
+
+soumaicon {
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  -ms-flex-line-pack: center;
+  align-content: center;
+}
+
+/*------ play icon -------*/
+.soumaicon svg {
+  width: 1rem;
+  height: 1rem;
+  fill: currentcolor;
+}
+.soumaicon:hover svg {
+  fill: #0091EA;
+}
+.soumaicon.play svg {
+  width: 4rem;
+  height: 4rem;
+}
+.soumaicon.play:hover svg {
+  fill: currentcolor;
+}
+
+/*------- End play -------*/
+@media only screen and (max-width: 991px) {
+  .logo {
+    max-width: 15%;
+    margin: .5rem 0;
+  }
+
+  .menu-profile {
+    -ms-flex-pack: center;
+        justify-content: center;
+  }
+
+  .mt-8 {
+    margin-top: 8rem !important;
+  }
+
+  .mt-10 {
+    margin-top: 10rem !important;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .logo {
+    max-width: 20%;
+  }
+
+  .channel-bio .button {
+    margin-bottom: 1rem;
+  }
+
+  ul#user-info {
+    display: -ms-flexbox;
+    display: flex;
+    -ms-flex-direction: column;
+        flex-direction: column;
+    -ms-flex-align: center;
+        align-items: center;
+  }
+
+  .notifications {
+    position: relative;
+    right: 0px;
+    top: 0px;
+    left: 0px;
+    margin: 20px;
+  }
+
+  .ml-1 {
+    margin-left: -15px !important;
+  }
+
+  .mt-8, .mt-10 {
+    margin-top: 1rem !important;
+  }
+
+  .fixed-top {
+    position: relative;
+    top: 0;
+    right: 0;
+    left: 0;
+    z-index: 3;
+  }
+}

libretube-theme/static/images/logo.svg

@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+    xmlns:dc="http://purl.org/dc/elements/1.1/"
+    xmlns:cc="http://creativecommons.org/ns#"
+    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+    xmlns:svg="http://www.w3.org/2000/svg"
+    xmlns="http://www.w3.org/2000/svg"
+    height="85"
+    width="386.3674"
+    version="1.1"
+    id="Layer_1"
+    x="0px"
+    y="0px"
+    viewBox="0 0 386.36741 85"
+    xml:space="preserve">
+  <style
+      type="text/css">
+    .st0{fill:#FF0000;}
+    .st1{fill:#FFFFFF;}
+    .st2{fill:#282828;}
+  </style>
+  <g
+      aria-label="LibreTube"
+      transform="matrix(1.5966382,0,0,1.5966413,-103.9904,-19.793844)"
+      style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:1.25;font-family:Roboto;-inkscape-font-specification:Roboto;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none">
+    <path
+        d="m 143.11914,48.195312 h 10.07813 v 4.765625 h -15.82032 v -28.4375 h 5.74219 z"
+        style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Roboto Condensed';-inkscape-font-specification:'Roboto Condensed, Bold';fill:#ffffff" />
+    <path
+        d="m 162.04492,52.960937 h -5.54687 V 31.828125 h 5.54687 z m -5.80078,-26.601562 q 0,-1.289063 0.82031,-2.109375 0.82032,-0.820313 2.1875,-0.820313 1.36719,0 2.1875,0.820313 0.82032,0.820312 0.82032,2.109375 0,1.269531 -0.82032,2.109375 -0.80078,0.839844 -2.1875,0.839844 -1.38672,0 -2.20703,-0.839844 -0.80078,-0.839844 -0.80078,-2.109375 z"
+        style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Roboto Condensed';-inkscape-font-specification:'Roboto Condensed, Bold';fill:#ffffff"/>
+    <path
+        d="m 182.80664,43.078125 q 0,5.136719 -1.64062,7.714844 -1.64063,2.558593 -5.15625,2.558593 -2.75391,0 -4.41407,-2.480468 l -0.17578,2.089843 h -5.09765 v -30 h 5.52734 v 10.585938 q 1.5625,-2.109375 4.12109,-2.109375 3.51563,0 5.15625,2.558594 1.64063,2.539062 1.67969,7.460937 z m -5.52734,-1.386719 q 0,-3.339844 -0.64453,-4.472656 -0.64454,-1.152344 -2.2461,-1.152344 -1.73828,0 -2.53906,1.582031 v 9.628907 q 0.74219,1.484375 2.57812,1.484375 1.58204,0 2.1875,-1.035157 0.625,-1.035156 0.66407,-4.023437 z"
+        style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Roboto Condensed';-inkscape-font-specification:'Roboto Condensed, Bold';fill:#ffffff"/>
+    <path
+        d="m 196.5957,37.160156 -1.83593,-0.15625 q -2.26563,0 -3.06641,1.992188 v 13.964843 h -5.54688 V 31.828125 h 5.21485 l 0.15625,2.285156 q 1.30859,-2.675781 3.61328,-2.675781 0.9375,0 1.52344,0.253906 z"
+        style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Roboto Condensed';-inkscape-font-specification:'Roboto Condensed, Bold';fill:#ffffff"/>
+    <path
+        d="m 207.5918,53.351562 q -4.25782,0 -6.64063,-2.539062 -2.38281,-2.539063 -2.38281,-7.265625 v -1.679688 q 0,-5 2.1875,-7.714843 2.1875,-2.714844 6.26953,-2.714844 3.98438,0 5.99609,2.558594 2.01172,2.539062 2.05079,7.539062 V 44.25 h -10.9961 q 0.11719,2.34375 1.03516,3.4375 0.91797,1.074219 2.83203,1.074219 2.77344,0 4.62891,-1.894532 l 2.16796,3.339844 q -1.01562,1.40625 -2.94921,2.285156 -1.9336,0.859375 -4.19922,0.859375 z m -3.47657,-12.96875 h 5.52735 V 39.875 q -0.0391,-1.894531 -0.625,-2.871094 -0.58594,-0.976562 -2.03125,-0.976562 -1.44531,0 -2.10938,1.035156 -0.64453,1.035156 -0.76172,3.320312 z"
+        style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Roboto Condensed';-inkscape-font-specification:'Roboto Condensed, Bold';fill:#ffffff"/>
+    <path
+        d="m 236.88867,29.308594 h -7.03125 V 52.960937 H 224.0957 V 29.308594 h -6.91406 v -4.785157 h 19.70703 z"
+        style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Roboto Condensed';-inkscape-font-specification:'Roboto Condensed, Bold';fill:#ffffff"/>
+    <path
+        d="m 249.05664,51.027344 q -1.71875,2.324218 -4.60937,2.324218 -2.91016,0 -4.41407,-1.992187 -1.5039,-2.011719 -1.5039,-5.839844 V 31.828125 h 5.52734 V 45.65625 q 0.0391,3.085937 2.05078,3.085937 1.89453,0 2.73438,-1.640625 V 31.828125 h 5.5664 v 21.132812 h -5.19531 z"
+        style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Roboto Condensed';-inkscape-font-specification:'Roboto Condensed, Bold';fill:#ffffff"/>
+    <path
+        d="m 274.83789,43.078125 q 0,5.136719 -1.64062,7.714844 -1.64063,2.558593 -5.15625,2.558593 -2.75391,0 -4.41407,-2.480468 l -0.17578,2.089843 h -5.09765 v -30 h 5.52734 v 10.585938 q 1.5625,-2.109375 4.12109,-2.109375 3.51563,0 5.15625,2.558594 1.64063,2.539062 1.67969,7.460937 z m -5.52734,-1.386719 q 0,-3.339844 -0.64453,-4.472656 -0.64454,-1.152344 -2.2461,-1.152344 -1.73828,0 -2.53906,1.582031 v 9.628907 q 0.74219,1.484375 2.57812,1.484375 1.58204,0 2.1875,-1.035157 0.625,-1.035156 0.66407,-4.023437 z"
+        style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Roboto Condensed';-inkscape-font-specification:'Roboto Condensed, Bold';fill:#ffffff"/>
+    <path
+        d="m 286.73242,53.351562 q -4.25781,0 -6.64062,-2.539062 -2.38282,-2.539063 -2.38282,-7.265625 v -1.679688 q 0,-5 2.1875,-7.714843 2.1875,-2.714844 6.26954,-2.714844 3.98437,0 5.99609,2.558594 2.01172,2.539062 2.05078,7.539062 V 44.25 H 283.2168 q 0.11718,2.34375 1.03515,3.4375 0.91797,1.074219 2.83203,1.074219 2.77344,0 4.62891,-1.894532 l 2.16797,3.339844 q -1.01563,1.40625 -2.94922,2.285156 -1.93359,0.859375 -4.19922,0.859375 z m -3.47656,-12.96875 h 5.52734 V 39.875 q -0.0391,-1.894531 -0.625,-2.871094 -0.58593,-0.976562 -2.03125,-0.976562 -1.44531,0 -2.10937,1.035156 -0.64453,1.035156 -0.76172,3.320312 z"
+        style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Roboto Condensed';-inkscape-font-specification:'Roboto Condensed, Bold';fill:#ffffff"/>
+  </g>
+  <g
+      style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:1.25;font-family:Roboto;-inkscape-font-specification:Roboto;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none"
+      transform="translate(1.5454696,-46.879245)"
+      aria-label="»">
+    <path
+        style="font-size:133.33332825px;fill:#ffffff;stroke-width:1.28791881"
+        d="m 23.698415,54.366399 24.735419,32.617215 v 1.593129 L 23.698415,121.19396 H 11.791873 L 33.424885,87.822102 11.791873,54.366399 Z m 29.263259,0 24.735419,32.617215 v 1.593129 L 52.961674,121.19396 H 41.055133 L 62.688144,87.822102 41.055133,54.366399 Z" />
+  </g>
+</svg>

libretube-theme/static/images/svg/master.svg

@@ -0,0 +1,120 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" y="0px" x="0px">
+  <!-- comments -->
+  <symbol id="comments" viewBox="0 0 100 100">
+    <path d="m 93.141704,45.721236 a 38.314288,38.314288 0 0 1 -4.1149,17.374022 38.86294,38.86294 0 0 1 -34.748042,21.48892 38.314288,38.314288 0 0 1 -17.37402,-4.1149 l -26.06103,8.68701 8.68701,-26.06103 A 38.314288,38.314288 0 0 1 15.415823,45.721236 38.86294,38.86294 0 0 1 36.904742,10.973196 38.314288,38.314288 0 0 1 54.278762,6.8582959 h 2.286056 A 38.771498,38.771498 0 0 1 93.141704,43.435182 Z"/>
+  </symbol>
+  <!-- calendar -->
+  <symbol id="calendar" viewBox="0 0 100 100">
+    <g transform="matrix(1.6964286,0,0,1.6666667,-0.8928572,-2e-6)">
+      <path d="M 57,4 H 50 V 1 C 50,0.447 49.553,0 49,0 H 42 C 41.447,0 41,0.447 41,1 V 4 H 19 V 1 C 19,0.447 18.553,0 18,0 H 11 C 10.447,0 10,0.447 10,1 V 4 H 3 C 2.447,4 2,4.447 2,5 v 11 43 c 0,0.553 0.447,1 1,1 h 54 c 0.553,0 1,-0.447 1,-1 V 16 5 C 58,4.447 57.553,4 57,4 Z M 43,2 h 5 V 5 8 H 43 V 5 Z M 12,2 h 5 V 5 8 H 12 V 5 Z M 4,6 h 6 v 3 c 0,0.553 0.447,1 1,1 h 7 c 0.553,0 1,-0.447 1,-1 V 6 h 22 v 3 c 0,0.553 0.447,1 1,1 h 7 c 0.553,0 1,-0.447 1,-1 V 6 h 6 v 9 H 4 Z M 4,58 V 17 h 52 v 41 z"/>
+      <path d="m 38,23 h -7 -2 -7 -2 -9 v 9 2 7 2 9 h 9 2 7 2 7 2 9 v -9 -2 -7 -2 -9 h -9 z m -7,2 h 7 v 7 h -7 z m 7,16 h -7 v -7 h 7 z M 22,34 h 7 v 7 h -7 z m 0,-9 h 7 v 7 h -7 z m -9,0 h 7 v 7 h -7 z m 0,9 h 7 v 7 h -7 z m 7,16 h -7 v -7 h 7 z m 9,0 h -7 v -7 h 7 z m 9,0 h -7 v -7 h 7 z m 9,0 h -7 v -7 h 7 z m 0,-9 h -7 v -7 h 7 z m 0,-16 v 7 h -7 v -7 z"/>
+    </g>
+  </symbol>
+  <!-- user -->
+  <symbol id="user" viewBox="0 0 100 100">
+    <g transform="translate(0,-1022.5196)">
+      <path d="m 45.343216,1122.4373 c -12.431003,-0.5463 -21.892105,-3.0765 -27.668276,-7.4097 -1.357852,-1.0193 -2.550369,-2.1929 -3.205655,-3.1565 L 14,1111.1777 l 0.09658,-4.1631 c 0.267095,-11.4561 1.126773,-17.004 3.329847,-21.4906 0.954043,-1.9418 1.822277,-3.1323 3.404948,-4.6653 3.225552,-3.1249 8.239195,-5.2999 16.119869,-6.9958 l 2.52958,-0.5464 0.880104,0.7881 c 1.964495,1.7589 4.525956,2.9483 7.194452,3.3424 1.502615,0.2206 4.905725,0.105 6.205506,-0.2207 2.191069,-0.5359 4.372709,-1.7032 6.01368,-3.2058 l 0.761303,-0.6935 1.253351,0.2417 c 2.112416,0.4098 5.762972,1.3523 7.715546,1.9838 4.779656,1.5456 7.855803,3.3098 10.30434,5.9072 3.437048,3.6471 5.060145,8.635 5.750999,17.6734 0.08308,1.0812 0.215379,4.245 0.295029,7.0315 l 0.144867,5.0656 -0.457654,0.6725 c -2.856854,4.2008 -10.655862,7.8878 -19.927609,9.4209 -5.932035,0.9771 -13.5725,1.3974 -20.272007,1.1043 z m 1.990748,-51.321 c -7.062888,-1.2977 -13.179719,-7.911 -15.356115,-16.6037 -0.600133,-2.3968 -0.820288,-4.0748 -0.907623,-6.9139 -0.136248,-4.4288 0.271975,-8.9754 1.10648,-12.3262 1.872716,-7.518 6.270898,-11.4845 13.95797,-12.5857 1.79723,-0.2521 6.37108,-0.2206 8.219122,0.1051 8.717639,1.366 13.059672,6.5471 14.306387,17.0703 0.316838,2.6751 0.431174,7.747 0.223272,9.9052 -0.611348,6.3444 -3.004909,11.9973 -6.75142,15.947 -2.902069,3.0598 -5.960698,4.8093 -9.504696,5.4366 -1.454701,0.2626 -3.883788,0.2521 -5.293408,0 z"/>
+    </g>
+  </symbol>
+  <!-- code -->
+  <symbol id="code" viewBox="0 0 100 100">
+    <g transform="translate(0,-1022.5197)">
+      <path d="m 39.131848,1109.4351 c -2.082202,-0.595 -2.70165,-1.0418 -2.71064,-1.9552 -0.0067,-0.6522 20.37655,-71.1668 20.730167,-71.7157 0.582368,-0.904 1.065053,-0.9501 3.417971,-0.3258 2.302098,0.6107 3.059927,1.1107 3.059927,2.0189 0,0.3675 -17.888915,62.7019 -20.120744,70.1112 -0.520101,1.7266 -1.12616,2.4818 -1.966388,2.4502 -0.232775,-0.01 -1.317406,-0.2714 -2.410293,-0.5836 z m -25.74513,-22.9586 C 1.654173,1074.7317 0,1073.002 0,1072.4783 c 0,-0.5237 1.654173,-2.2535 13.386718,-13.9982 15.648088,-15.6644 13.604538,-14.2752 16.577068,-11.2687 1.600191,1.6185 1.85085,1.9636 1.85085,2.5488 0,0.6269 -0.8093,1.4873 -11.003081,11.6978 l -11.0030824,11.0212 11.0030824,11.0199 c 10.196786,10.2123 11.003081,11.0694 11.003081,11.697 0,0.5856 -0.250194,0.9303 -1.85085,2.5491 -2.97253,3.0066 -0.92898,4.3957 -16.577068,-11.2687 z m 58.746463,13.1552 c -0.220098,-0.094 -1.188045,-0.9799 -2.150988,-1.9687 -1.497218,-1.5376 -1.750799,-1.8955 -1.750799,-2.4711 0,-0.622 0.833267,-1.5075 11.003082,-11.6928 l 11.003081,-11.0199 -11.003081,-11.0212 c -10.19379,-10.2105 -11.003082,-11.0709 -11.003082,-11.6978 0,-0.5852 0.250651,-0.9303 1.85085,-2.5488 1.326269,-1.3414 2.032799,-1.9073 2.492812,-1.9964 0.627098,-0.1215 0.945156,0.1756 13.728295,12.8248 7.197479,7.1221 13.247175,13.2481 13.443763,13.6136 0.591986,1.1004 0.323596,1.5504 -2.765753,4.6381 -14.922813,14.9148 -23.513699,23.3106 -23.947759,23.4037 -0.275129,0.059 -0.680315,0.031 -0.900421,-0.064 z"/>
+    </g>
+  </symbol>
+  <!-- translate 2K -->
+  <symbol id="translate" viewBox="0 0 100 100">
+    <g transform="translate(0,-1022.5197)">
+      <path d="m 42.827446,1122.2992 c -4.329166,-0.7064 -10.765084,-2.7746 -14.417493,-4.633 -2.107187,-1.0722 -3.625894,-2.1314 -3.745667,-2.6125 -0.156628,-0.629 0.230789,-1.2721 0.766336,-1.2721 0.244285,0 1.972913,0.7791 3.841392,1.7315 3.804546,1.9391 8.469711,3.6115 12.105811,4.3398 4.058445,0.8129 10.25799,0.722 14.948952,-0.2193 2.140059,-0.4294 7.155504,-2.0673 8.713067,-2.8453 2.179692,-1.0889 4.973965,-2.716 4.973965,-2.8964 0,-0.1051 -0.488455,-1.0162 -1.085466,-2.0246 -0.597,-1.0084 -1.055664,-1.8597 -1.019244,-1.8917 0.11408,-0.1004 8.329822,0.6224 8.449894,0.7434 0.138159,0.1392 -2.677196,8.5419 -2.862022,8.5419 -0.07163,0 -0.585681,-0.7485 -1.142264,-1.6634 -0.556593,-0.9148 -1.041685,-1.6633 -1.077976,-1.6633 -0.03631,0 -0.750278,0.4103 -1.586631,0.9118 -3.685319,2.2097 -8.214501,3.9209 -13.169181,4.9755 -2.710153,0.5769 -3.22856,0.6243 -7.474471,0.684 -3.228977,0.045 -5.046517,-0.015 -6.219002,-0.2063 z M 7.8397494,1109.8521 C 7.5184707,1109.6635 7.5,1107.9885 7.5,1079.0414 v -30.6113 l 0.4628173,-0.3056 c 0.2545496,-0.1682 2.3731277,-0.9483 4.7079507,-1.7337 l 4.245132,-1.428 0.05019,-10.6972 c 0.02761,-5.8834 0.11497,-10.6974 0.194142,-10.6976 0.07917,-2e-4 7.049074,2.4698 15.48867,5.4891 l 15.34472,5.4897 10.4762,-3.6488 c 19.787478,-6.8918 24.795303,-8.5457 25.328086,-8.3652 l 0.48536,0.1644 0.09703,12.1216 0.09703,12.1215 3.979911,1.2898 3.979921,1.2899 0.04911,30.168 c 0.03929,24.1066 1.89e-4,30.1511 -0.194142,30.0838 -0.133813,-0.046 -9.762192,-3.1309 -21.39641,-6.8547 l -21.15311,-6.7706 -4.08538,1.399 c -14.020006,4.8011 -36.9414355,12.5114 -37.1866397,12.509 -0.1601671,0 -0.4441005,-0.093 -0.6309617,-0.2024 z m 21.2100426,-8.951 18.928869,-6.395 0.04921,-28.8154 c 0.03929,-22.9932 2e-5,-28.8132 -0.194142,-28.8048 -0.133823,0.01 -8.761312,2.8986 -19.17219,6.4286 l -18.9288716,6.4181 -0.049178,28.7956 c -0.039247,22.9788 -2.68e-5,28.7928 0.1941422,28.7817 0.1338264,-0.01 8.7613134,-2.8916 19.1721914,-6.4088 z M 17.51107,1089.7606 c 2.4767,-2.7928 3.551093,-4.1357 5.831822,-7.2894 4.071101,-5.6294 5.835528,-8.4995 8.340291,-13.5666 1.337674,-2.7061 2.354615,-4.9462 2.259869,-4.978 -0.09475,-0.032 -1.212647,0.2671 -2.484227,0.6644 -1.27158,0.3972 -3.578741,1.0908 -5.127026,1.5412 -2.798439,0.814 -2.815415,0.8224 -2.87482,1.4216 -0.07735,0.7803 -0.301168,0.9492 -1.755637,1.3248 -2.20562,0.5695 -4.052821,-0.1951 -4.39212,-1.818 -0.07313,-0.3498 -0.09002,-0.636 -0.03754,-0.636 1.877337,0 14.308333,-4.0247 16.969844,-5.4942 1.707093,-0.9425 4.307289,-1.9738 4.567668,-1.8116 0.106538,0.066 0.141789,0.5261 0.0804,1.0486 -0.171418,1.4589 -4.600859,10.1384 -6.951172,13.6209 l -0.545388,0.8081 3.53633,1.5596 c 1.944981,0.8579 4.564801,1.9873 5.821821,2.5099 l 2.285493,0.9503 0.286892,0.9738 c 0.157787,0.5356 0.286888,1.233 0.286888,1.5498 0,0.5412 -0.03681,0.5686 -0.608869,0.4532 -0.903602,-0.1821 -3.968876,-1.5771 -5.666178,-2.5786 -0.818521,-0.483 -2.58744,-1.7209 -3.930928,-2.7509 -1.34349,-1.03 -2.464099,-1.8427 -2.490241,-1.806 -0.02614,0.037 -0.643595,0.9473 -1.372114,2.0236 -2.66822,3.9419 -5.470659,7.4918 -9.023618,11.4302 -2.157977,2.3921 -2.922377,2.953 -4.024258,2.953 h -0.848747 z m 7.17052,-30.3141 c -1.192876,-0.6328 -2.019837,-1.6501 -2.299603,-2.829 l -0.121457,-0.5118 1.3076,0.086 c 1.126264,0.075 1.736725,-0.038 4.40194,-0.8091 1.701884,-0.4925 3.208912,-0.8955 3.348954,-0.8955 0.474487,0 1.031205,0.7665 1.030459,1.4187 -0.0016,1.3941 -1.476335,2.801 -3.643362,3.4756 -1.491625,0.4644 -3.218658,0.4922 -4.024531,0.065 z m 54.348717,13.5169 c -2.735065,-10.0003 -4.997885,-18.2078 -5.028491,-18.239 -0.03056,-0.031 -1.284907,-0.4379 -2.787339,-0.904 -1.815337,-0.5631 -2.760452,-0.7739 -2.817438,-0.6283 -0.04712,0.1205 -2.716751,6.7953 -5.932405,14.8329 -3.215654,8.0375 -5.846639,14.6946 -5.846639,14.7935 0,0.1826 5.40879,1.8979 5.546591,1.759 0.04127,-0.042 0.610166,-1.3912 1.264132,-2.999 0.653966,-1.6078 1.210142,-2.9463 1.235937,-2.9744 0.07966,-0.087 11.449649,3.4801 11.610675,3.6425 0.08334,0.084 0.590919,1.7727 1.127928,3.7526 0.537009,1.9799 1.010742,3.6345 1.052728,3.6769 0.180292,0.1817 5.444097,1.7119 5.493077,1.5968 0.02976,-0.07 -2.183691,-8.3092 -4.918756,-18.3095 z m -8.308204,1.2701 c -2.012952,-0.6215 -3.700667,-1.1711 -3.75048,-1.2213 -0.09316,-0.094 3.755649,-9.7056 3.986954,-9.9566 0.07103,-0.077 0.895283,2.6424 1.831737,6.0431 0.936454,3.4008 1.677675,6.2016 1.647168,6.224 -0.03056,0.022 -1.702427,-0.4677 -3.715379,-1.0892 z m 11.522667,-38.7111 v -10.5504 l -5.290373,1.8259 c -2.909713,1.0042 -9.985433,3.4403 -15.723825,5.4135 -5.738401,1.9732 -10.434214,3.638 -10.435147,3.6995 -0.002,0.1315 30.609441,10.11 31.109594,10.1409 0.319631,0.02 0.339751,-0.6038 0.339751,-10.5294 z"/>
+    </g>
+  </symbol>
+  <!-- Eye  -->
+  <symbol id="eye" viewBox="0 0 25 19"
+          style="stroke:#000000;stroke-width:2;stroke-linecap:square">
+    <path
+        d="m 1.6605849,9.5 c 0,0 3.9416649,-8.0100436 10.8395781,-8.0100436 6.897914,0 10.839579,8.0100436 10.839579,8.0100436 0,0 -3.941665,8.010044 -10.839579,8.010044 C 5.6022498,17.510044 1.6605849,9.5 1.6605849,9.5 Z" />
+    <ellipse
+        ry="3.0037663"
+        rx="2.9562488"
+        id="circle4"
+        cy="9.5"
+        cx="12.500164" />
+  </symbol>
+  <!-- clock -->
+  <symbol id="clock" viewBox="0 0 23 23"
+          style="stroke:#000000;stroke-width:2;stroke-linecap:square">
+    <circle
+        r="10"
+        cy="11.5"
+        cx="11.5" />
+    <polyline
+        transform="translate(-0.5,-0.5)"
+        points="12 6 12 12 16 14" />
+  </symbol>
+  <!-- repeat -->
+  <symbol id="repeat" viewBox="0 0 100 100">
+      <g transform="translate(0,-270.54167)">
+        <path d="M 45.24677,370.36379 C 33.492886,369.03878 22.704976,363.9051 14.527455,355.74529 7.1155883,348.34948 2.2998327,338.93272 0.45059825,328.21936 c -0.60079767,-3.48066 -0.60079767,-11.78329 0,-15.26395 C 3.2945617,296.47913 13.347054,282.93684 28.035767,275.79385 c 5.335674,-2.5947 10.701305,-4.16577 16.69701,-4.88891 14.013953,-1.69024 29.17093,3.0795 39.519029,12.43623 l 1.462222,1.32214 0.06657,-7.06082 0.06657,-7.06082 h 6.512986 6.512999 v 19.64294 19.64295 H 79.067656 59.262157 l 0.06677,-6.5685 0.06687,-6.5685 9.745738,-0.12512 9.745737,-0.12511 -1.474292,-1.50766 c -8.901613,-9.10306 -21.989907,-13.05798 -34.67304,-10.47724 -14.871687,3.02605 -26.60223,15.06943 -29.222073,30.00136 -0.586149,3.34081 -0.586149,8.92038 0,12.2612 2.292684,13.06725 11.303486,23.78098 23.946074,28.47155 13.506037,5.01092 29.04734,1.69036 39.375287,-8.41295 4.192821,-4.10163 6.962532,-8.52349 9.512784,-15.18727 0.709339,-1.85349 1.363535,-3.49227 1.453789,-3.64176 0.106947,-0.17716 2.24488,0.53516 6.140169,2.04579 3.286842,1.27467 6.009915,2.35411 6.051282,2.39874 0.09495,0.10245 -2.295755,6.29618 -3.266883,8.46381 -6.830659,15.24639 -20.983934,26.13671 -37.710541,29.01659 -3.617158,0.62278 -10.445932,0.86637 -13.773048,0.4913 z" />
+      </g>
+  </symbol>
+  <!-- headphones -->
+  <symbol id="headphones" viewBox="0 0 100 100">
+    <g transform="translate(0,-1022.5197)">
+      <path d="m 11.749479,1122.1383 c -5.4986601,-1.1851 -10.2140101,-5.9469 -11.37758005,-11.489 -0.3048,-1.4517 -0.36827,-5.0445 -0.37187000415,-21.0433 C -0.00197105,1078.0149 0.09982895,1069.2794 0.25625895,1067.7234 2.0314089,1050.0806 12.690179,1034.9385 28.702289,1027.3123 c 19.3964,-9.2382 42.67463,-4.8531 57.57425,10.8453 6.88786,7.2573 11.01019,15.4634 13.04885,25.9756 0.51279,2.6442 0.53735,3.5625 0.63226,23.6437 0.110281,23.3318 0.130791,22.9904 -1.58699,26.4802 -1.27544,2.5909 -4.04284,5.3651 -6.59529,6.6118 -2.6438,1.2909 -4.66113,1.6508 -9.25299,1.6508 -2.44919,0 -4.52074,-0.135 -5.62682,-0.3674 -5.60341,-1.1766 -10.32617,-5.8996 -11.50262,-11.503 -0.52877,-2.5186 -0.52877,-18.7387 0,-21.2574 1.17888,-5.6149 5.88768,-10.324 11.50262,-11.503 1.23978,-0.2601 3.4106,-0.3686 7.43991,-0.3719 h 5.68934 v -3.6953 c 0,-7.6251 -1.20789,-13.0595 -4.26483,-19.1876 -1.98524,-3.9796 -4.29214,-7.171 -7.49845,-10.3729 -12.31004,-12.293 -30.52035,-15.2495 -46.13046,-7.4896 -3.9672,1.9722 -7.16186,4.2787 -10.37258,7.4896 -3.20508,3.2052 -5.51181,6.3978 -7.49475,10.3729 -3.05694,6.1281 -4.2648301,11.5625 -4.2648301,19.1876 v 3.6953 h 5.6893401 c 4.02931,0 6.20013,0.1126 7.43991,0.3719 5.61494,1.179 10.32374,5.8881 11.50262,11.503 0.52877,2.5187 0.52877,18.7388 0,21.2574 -1.17888,5.6153 -5.88768,10.3241 -11.50262,11.503 -2.27971,0.4787 -9.13245,0.4702 -11.37868,-0.025 z m 11.02637,-10.4887 c 0.58529,-0.4126 1.326,-1.2461 1.64603,-1.8523 0.57676,-1.0926 0.58189,-1.1787 0.58189,-9.7766 0,-8.598 -0.005,-8.684 -0.58189,-9.7767 -0.32003,-0.6062 -1.06087,-1.4398 -1.64633,-1.8524 l -1.06445,-0.7502 -5.86377,-0.075 -5.8637501,-0.075 0.0703,10.8702 0.0703,10.8706 0.75024,1.0648 c 0.41263,0.5857 1.25666,1.3335 1.87561,1.6613 1.06984,0.5673 1.31862,0.5928 5.04363,0.5195 3.89626,-0.078 3.92424,-0.082 4.98241,-0.8273 z m 65.02104,0 c 0.58529,-0.4126 1.326,-1.2461 1.64603,-1.8523 l 0.58189,-1.1024 v -10.6022 -10.6021 l -5.8561,0.075 -5.85609,0.075 -1.06445,0.7503 c -0.58544,0.4126 -1.33028,1.2536 -1.65518,1.8691 l -0.59072,1.1189 0.0713,8.9261 0.0713,8.9258 0.75024,1.0649 c 0.41263,0.5854 1.25666,1.3332 1.87561,1.661 1.06984,0.5673 1.31862,0.5928 5.04363,0.5195 3.89626,-0.077 3.92424,-0.082 4.98241,-0.8273 z" />
+    </g>
+  </symbol>
+  <!-- film -->
+  <symbol id="film" viewBox="0 0 100 100">
+    <g transform="translate(0,-1022.5197)">
+    <path
+        d="m 11.841951,1122.3027 c -0.592278,-0.1032 -1.804383,-0.4645 -2.6939193,-0.7999 -3.9500145,-1.4957 -6.7661775,-4.3813 -8.39649247,-8.6043 L 0,1110.9522 v -38.3615 -38.3622 l 0.65942618,-1.918 c 1.48672192,-4.3228 4.44234582,-7.3348 8.87496382,-9.0429 l 1.948837,-0.7483 H 49.880511 88.27771 l 1.762716,0.5762 c 4.321308,1.4218 7.492752,4.5026 9.208035,8.9458 L 100,1033.9885 v 38.2427 38.2428 l -0.693861,2.1149 c -1.592695,4.8552 -5.575336,8.452 -10.59722,9.571 -1.543195,0.344 -5.565092,0.3784 -38.756095,0.3526 -20.368865,0 -37.518681,-0.1118 -38.110787,-0.215 z m 10.76552,-15.6518 v -6.8119 H 15.789297 8.971123 v 4.4535 c 0,2.8134 0.1076087,4.8165 0.2926957,5.4375 0.3598435,1.2093 2.1350433,3.0507 3.2960983,3.4188 0.479504,0.1548 2.80566,0.2752 5.44259,0.2924 h 4.605222 z m 45.69393,-11.354 V 1077.132 H 49.999914 31.698427 v 18.1649 18.1658 h 18.301487 18.301487 z m 18.991474,17.8734 c 0.591417,-0.172 1.416905,-0.7224 2.067895,-1.3744 1.505575,-1.5043 1.668021,-2.2345 1.668021,-7.5034 v -4.4535 h -6.81826 -6.818174 v 6.8119 6.8118 h 4.457927 c 2.815905,0 4.820526,-0.1118 5.442591,-0.2924 z m -64.685404,-29.2265 v -6.8118 H 15.789297 8.971123 v 6.8118 6.8119 h 6.818174 6.818174 z m 68.42132,0 v -6.8118 h -6.81826 -6.818174 v 6.8118 6.8119 h 6.818174 6.81826 z m -68.42132,-22.9453 v -6.8118 H 15.789297 8.971123 v 6.8118 6.8119 h 6.818174 6.818174 z m 45.69393,-11.3531 v -18.1658 H 49.999914 31.698427 v 18.1658 18.165 h 18.301487 18.301487 z m 22.72739,11.3531 v -6.8118 h -6.81826 -6.818174 v 6.8118 6.8119 h 6.818174 6.81826 z m -68.42132,-22.707 v -6.8119 h -4.457842 c -5.273601,0 -6.00491,0.1634 -7.510485,1.6669 -1.505661,1.5043 -1.668021,2.2345 -1.668021,7.5033 v 4.4544 h 6.818174 6.818174 z m 68.42132,2.3583 c 0,-5.2688 -0.162704,-5.999 -1.668021,-7.5033 -1.505661,-1.5043 -2.23697,-1.6669 -7.510486,-1.6669 h -4.457927 v 6.8119 6.8127 h 6.818174 6.81826 z" />
+    </g>
+  </symbol>
+  <!-- like -->
+  <symbol id="like" viewBox="0 0 100 95">
+    <g transform="translate(0,-1378.6667)">
+      <path d="m 32.41546,1473.4728 c -1.70895,-0.3282 -4.51844,-1.6605 -6.07254,-2.8797 l -1.30201,-1.0215 -1.3028,0.7978 -1.30279,0.7979 h -9.27876 c -9.02143,0 -9.30653,-0.014 -10.27948,-0.5306 -1.25608,-0.666 -1.99438,-1.439 -2.48987,-2.6073 C 0.04667,1467.2264 0,1464.2103 0,1443.0061 v -24.1103 l 0.56291,-1.0854 c 0.78567,-1.5149 2.02409,-2.4109 3.77357,-2.7294 0.89991,-0.1641 4.54016,-0.2348 9.62585,-0.1869 9.02486,0.086 9.18137,0.1095 10.737,1.6834 0.79401,0.8032 0.82448,0.8115 1.87635,0.5064 0.58809,-0.1707 1.98767,-0.7316 3.11019,-1.2466 5.91721,-2.7146 10.32223,-6.9755 12.06274,-11.6679 l 0.65605,-1.7686 0.12554,-10.804 0.12555,-10.8038 0.78774,-0.6931 c 0.94815,-0.8341 2.58408,-1.2274 5.84203,-1.4039 7.38616,-0.4007 12.69848,3.323 14.654296,10.2721 0.391497,1.3907 0.463224,2.9094 0.544237,11.5225 l 0.0933,9.9208 h 11.555411 c 12.636063,0 13.359331,0.068 16.123793,1.447 4.437917,2.2126 7.353122,6.5717 7.722651,11.5478 0.124062,1.6705 -0.242318,4.2569 -2.889367,20.3988 -1.667279,10.1672 -3.213851,19.0401 -3.436837,19.7179 -0.772906,2.3497 -1.884233,4.1647 -3.562217,5.8177 -1.820637,1.7936 -3.680555,2.8462 -6.573443,3.72 l -1.833483,0.5539 -24.017302,0.046 c -14.540009,0.029 -24.504159,-0.046 -25.251099,-0.1911 z m 49.470226,-5.0147 c 3.798976,-0.9747 6.207928,-3.229 7.155459,-6.6957 0.152803,-0.559 1.580151,-8.9868 3.171873,-18.728 3.268059,-20.0003 3.274853,-20.083 1.883635,-22.8669 -1.30761,-2.617 -3.71086,-4.3525 -6.692543,-4.8337 -0.806958,-0.1303 -7.052746,-0.2373 -13.879542,-0.2383 H 61.112232 l -0.65957,-0.6498 -0.659569,-0.6499 -0.0043,-9.3938 c -0.0025,-5.1667 -0.114077,-10.4202 -0.248206,-11.6747 -0.471871,-4.4127 -1.803322,-6.7772 -4.614518,-8.1947 -1.651858,-0.8328 -1.806699,-0.8626 -4.488769,-0.8626 h -2.77791 l -0.14109,9.4893 c -0.15208,10.2288 -0.20412,10.6532 -1.73828,14.1792 -2.54792,5.8561 -9.56454,11.6321 -17.20224,14.1605 l -2.18372,0.7229 -0.064,19.8389 c -0.063,19.5064 -0.0554,19.8614 0.45126,21.1957 0.56443,1.4863 2.26052,3.5132 3.64508,4.3562 1.97455,1.2023 1.49171,1.1804 26.499656,1.1979 20.085596,0.013 23.736505,-0.037 24.959685,-0.351 z m -60.620366,-25.389 v -23.2919 H 13.13447 5.00361 v 23.2919 23.2921 h 8.13086 8.13085 z" />
+    </g>
+  </symbol>
+  <!-- close -->
+  <symbol id="close" viewBox="0 0 100 100">
+    <g
+        transform="translate(0,-932.41665)">
+      <path d="M 4.8118946,1027.6048 0,1022.7929 20.18695,1002.6048 40.373877,982.41669 20.18695,962.22858 0,942.04045 4.8118946,937.22855 9.6237892,932.41665 29.811905,952.60362 50,972.79056 70.188095,952.60362 90.376211,932.41665 95.188106,937.22855 100,942.04045 79.813051,962.22858 59.626123,982.41669 79.813051,1002.6048 100,1022.7929 l -4.811894,4.8119 -4.811895,4.8119 L 70.188095,1012.2298 50,992.04283 29.811905,1012.2298 9.6237892,1032.4167 Z" />
+    </g>
+  </symbol>
+  <!-- envelope -->
+  <symbol id="envelope" viewBox="0 0 100 75">
+    <g transform="translate(0,-1047.5197)">
+      <path d="m 7.732,1122.4553 c -1.9541,-0.2182 -3.7802,-1.1223 -5.266,-2.607 -1.0835,-1.0826 -1.7082,-2.1037 -2.1867,-3.5743 L 0.054,1115.5819 0.027,1093.6706 0,1071.7593 l 0.7233,0.7268 c 1.7251,1.7331 2.8515,2.5542 8.906,6.4923 9.1665,5.9621 17.7128,11.6135 21.1678,13.9977 0.7762,0.5355 2.4318,1.6796 3.6792,2.5423 3.1854,2.2028 4.8851,3.2598 6.4007,3.9802 2.5577,1.2155 4.4079,1.8889 6.3025,2.2935 1.5182,0.3242 4.116,0.3254 5.6265,0 1.8611,-0.3976 3.8573,-1.1324 6.3293,-2.3296 1.8979,-0.9193 2.2327,-1.1342 9.0331,-5.8001 5.0501,-3.465 13.0729,-8.7735 22.705,-15.0237 5.4366,-3.5276 5.7532,-3.758 7.7889,-5.6671 l 1.3377,-1.2544 -0.03,21.7867 -0.029,21.7866 -0.218,0.7696 c -0.4421,1.5615 -1.1972,2.8072 -2.3935,3.9489 -1.1949,1.1404 -2.4238,1.8206 -4.1038,2.2712 l -0.8402,0.2254 -41.9828,0.012 c -23.0906,0.01 -42.2923,-0.023 -42.6705,-0.065 z m 40.5935,-27.3619 c -2.4429,-0.5358 -5.0045,-1.9005 -10.2207,-5.445 -4.2455,-2.8849 -7.7442,-5.2203 -17.2365,-11.5059 -13.735,-9.0948 -13.0118,-8.5903 -14.8715,-10.3751 -1.9192,-1.842 -3.7957,-4.2176 -4.7086,-5.9612 -1.0262,-1.9597 -1.3407,-3.2786 -1.2505,-5.2429 0.1119,-2.4362 0.812,-4.423 2.1384,-6.068 1.386,-1.7191 3.2324,-2.6436 5.7451,-2.8768 1.4309,-0.1327 82.6456,-0.1308 84.002,0 2.1843,0.214 3.7712,0.9505 5.4334,2.5216 0.8354,0.7897 1.2828,1.3921 1.7846,2.4028 0.5967,1.2021 0.7764,2.0422 0.777,3.6336 9e-4,2.1559 -0.4259,3.8593 -1.4824,5.9163 -0.9815,1.9112 -2.4462,3.7958 -4.3778,5.6329 -1.4797,1.4072 -2.4805,2.1644 -5.5535,4.2016 -17.674,11.7167 -25.3296,16.8063 -27.2157,18.0935 -3.9765,2.714 -6.9174,4.3241 -8.9208,4.884 -1.1217,0.3135 -3.0568,0.4028 -4.0425,0.1866 z" />
+    </g>
+  </symbol>
+  <!-- bell -->
+  <symbol id="bell" viewBox="0 0 100 100">
+    <g transform="translate(0,-1022.5197)">
+    <path d="m 47.9,1122.3111 c -3.6912,-0.6815 -7.1246,-4.0313 -7.9101,-7.7176 -0.2358,-1.1065 -0.1706,-4.0945 0.099,-4.5193 0.095,-0.1495 3.0791,-0.2132 9.9971,-0.2132 h 9.86212 l 0.1239,0.7315 c 0.7622,4.4969 -1.4997,8.9247 -5.5378,10.8409 -2.2409,1.0633 -4.21422,1.3245 -6.63382,0.8777 z M 0.4909,1107.2367 C 0.1297,1106.8845 0,1106.5472 0,1105.96 c 0,-1.153 0.6119,-1.6851 2.1232,-1.8462 2.4326,-0.2594 4.4167,-0.7221 5.6343,-1.3141 5.3025,-2.5781 8.6711,-11.3293 11.0245,-28.6406 0.3798,-2.7939 0.6988,-5.7444 1.5174,-14.0359 1.2485,-12.6469 7.8188,-22.2131 17.4015,-25.3361 1.9476,-0.6347 4.8417,-1.1908 6.1978,-1.1908 h 0.8463 l 0.1414,-1.7067 c 0.5489,-6.6259 3.3832,-10.5785 6.4806,-9.0375 2.03962,1.0148 3.39912,4.2514 3.75132,8.9307 l 0.1365,1.8135 h 0.8464 c 1.2514,0 4.0378,0.5119 5.933,1.0898 7.2769,2.2192 13.1172,8.3023 15.9743,16.6379 1.1061,3.2274 1.3397,4.5105 1.9014,10.4451 2.1178,22.3765 5.001,33.8899 9.7212,38.8191 2.0648,2.1563 3.9184,3.0432 6.9689,3.3343 2.7395,0.2615 3.4,0.6675 3.4,2.0898 0,0.5317 -0.1409,0.8831 -0.4909,1.2244 l -0.4909,0.4788 H 50 0.9818 Z"/>
+    </g>
+  </symbol>
+  <!-- heart -->
+  <symbol id="heart" viewBox="0 0 100 90">
+    <g transform="translate(0,-1032.5197)">
+      <path d="m 49.149719,1121.2079 c -2.1204,-3.848 -6.8633,-8.6072 -15.8504,-15.9049 -11.3613,-9.2256 -13.9831,-11.4731 -17.8664,-15.3162 -5.8793995,-5.8184 -9.2199995,-10.1759 -11.7720995,-15.3558 -2.3185,-4.7058 -3.37050004,-8.7563 -3.61910004,-13.9356 -0.3846,-8.0098 1.88560004,-14.4809 6.99070004,-19.9274 9.4018995,-10.0306 26.0395995,-11.0751 35.6891995,-2.2407 2.9204,2.6736 5.524,6.7492 6.6617,10.4282 0.2502,0.8089 0.5306,1.4707 0.6231,1.4707 0.093,0 0.313,-0.4978 0.4899,-1.1061 1.4385,-4.9489 4.926,-9.7414 9.2185,-12.6679 3.8236,-2.6069 7.6744,-3.8559 12.6281,-4.0962 8.0206,-0.3888 15.4673,2.635 20.851,8.4668 4.8503,5.2539 7.129401,11.8758 6.7692,19.668 -0.2375,5.1391 -1.2988,9.2221 -3.6234,13.9402 -2.5164,5.1073 -5.7924,9.3933 -11.6498,15.2414 -3.9347,3.9285 -6.377,6.0425 -15.1558,13.1185 -11.6489,9.3896 -16.3368,13.9586 -18.6745,18.2009 -0.4024,0.7304 -0.7892,1.3279 -0.8594,1.3279 -0.07,0 -0.4529,-0.5903 -0.8505,-1.3118 z" />
+    </g>
+  </symbol>
+  <!-- reply -->
+  <symbol id="reply" viewBox="0 0 100 90">
+    <g transform="translate(0,-1032.5197)">
+      <path d="m 88.367753,1122.2869 c -0.666242,-0.4575 -0.764773,-0.6974 -0.764773,-1.8619 0,-0.5768 0.05748,-1.6051 0.12773,-2.2851 0.316161,-3.0604 0.418747,-8.0181 0.225989,-10.9215 -0.421474,-6.3481 -1.907174,-11.751 -4.303331,-15.6494 -2.874966,-4.6774 -8.13873,-8.3577 -14.467466,-10.1155 -2.527247,-0.7019 -6.669169,-1.4138 -10.122094,-1.7398 -3.405097,-0.3213 -5.445217,-0.3837 -14.3181,-0.4376 l -9.059545,-0.055 -0.02808,7.6645 -0.02808,7.6646 -0.335605,0.6877 c -0.371302,0.761 -0.977754,1.3704 -1.741033,1.7499 -0.395343,0.1965 -0.640536,0.2366 -1.446088,0.2366 -0.811563,0 -1.053425,-0.04 -1.480566,-0.2458 -0.413285,-0.1989 -3.315833,-3.0736 -15.237334,-15.0911 -12.3329016,-12.4321 -14.78090008,-14.9463 -15.05962777,-15.4666 -0.30659204,-0.5724 -0.33257506,-0.6945 -0.32954751692,-1.5486 0.002604957,-0.7543 0.0481020069,-1.0235 0.24345943692,-1.4425 0.19600576,-0.4204 2.95561805,-3.2586 15.00529185,-15.4325 12.425899,-12.5541 14.854083,-14.9618 15.326707,-15.1973 0.497749,-0.2481 0.677674,-0.2799 1.582671,-0.2799 0.938156,0 1.064934,0.024 1.561068,0.3018 0.654612,0.366 1.238085,0.9856 1.623419,1.7238 l 0.287185,0.5502 0.02863,7.6935 0.02862,7.6935 9.620576,0.044 c 9.921344,0.046 10.72537,0.075 15.083353,0.5398 8.346485,0.8901 15.468696,2.7993 21.139741,5.6668 8.403808,4.2493 13.886884,10.6299 16.433072,19.123 1.374017,4.5833 2.184825,11.2798 2.013228,16.6275 -0.172588,5.3783 -1.651194,11.333 -4.822586,19.4217 -1.064908,2.7159 -3.493545,8.3636 -3.893461,9.0538 -0.339945,0.5868 -0.914671,1.2244 -1.271472,1.4106 -0.44062,0.2299 -1.223998,0.1894 -1.62198,-0.084 z"/>
+    </g>
+  </symbol>
+  <!-- bars -->
+  <symbol id="bars" viewBox="0 0 100 90">
+    <g transform="translate(0,-1032.5197)">
+      <path d="m 2.9279237,1122.426 c -0.7985762,-0.1636 -2.60258205,-2.2341 -2.7786324,-3.1868 C 0.06727557,1118.7954 0,1116.1314 0,1113.3193 c 0,-4.8226 0.03023621,-5.1739 0.50229909,-6.1875 0.29366921,-0.6282 0.90428951,-1.3771 1.47023581,-1.8025 l 0.9680124,-0.7282 H 50.004876 97.069242 l 0.967974,0.7282 c 0.563754,0.4236 1.18182,1.1805 1.479987,1.8115 0.497237,1.0529 0.510087,1.2472 0.446476,6.7618 -0.0635,5.4945 -0.08202,5.7027 -0.58337,6.4631 -0.284976,0.4319 -0.879723,1.0844 -1.322003,1.4497 l -0.80417,0.6634 -46.897009,0.041 c -25.793341,0 -47.1365546,-0.041 -47.4293545,-0.082 z m -0.1028032,-36.1761 c -1.1053603,-0.4266 -1.88696641,-1.2157 -2.40317415,-2.4261 -0.36094479,-0.8466 -0.41211958,-1.6237 -0.41211958,-6.2815 0,-4.6408 0.05215747,-5.4388 0.40981407,-6.2913 0.50010696,-1.1914 1.54635556,-2.1821 2.65681826,-2.516 1.1554768,-0.3476 92.7014699,-0.3476 93.8569459,0 1.110463,0.3355 2.156712,1.3246 2.656819,2.516 0.357921,0.8525 0.409776,1.6505 0.409776,6.2913 0,4.641 -0.05178,5.439 -0.409776,6.2918 -0.500107,1.1916 -1.546356,2.1822 -2.656819,2.516 -0.559256,0.1676 -15.912487,0.2455 -47.040101,0.2413 -38.558428,0 -46.352001,-0.066 -47.0681835,-0.3395 z M 3.2513,1050.3334 c -1.204006,-0.3068 -2.32505141,-1.2892 -2.8241757,-2.4787 -0.36585817,-0.8716 -0.41775107,-1.6369 -0.42092588,-6.1891 -0.00196535,-2.8567 0.09788974,-5.5894 0.22185822,-6.0728 0.32995267,-1.2853 1.92136016,-2.7888 3.15265436,-2.9782 0.5348408,-0.082 21.875144,-0.1186 47.42293,-0.078 l 46.450533,0.069 0.80417,0.6638 c 0.44228,0.3641 1.037177,1.0173 1.322003,1.4497 0.500258,0.7588 0.520251,0.9764 0.588434,6.392 0.06463,5.1293 0.03402,5.697 -0.364346,6.67 -0.527244,1.2902 -1.605619,2.2273 -2.947842,2.5619 -1.292182,0.323 -92.1340871,0.3108 -93.405482,0 z"/>
+    </g>
+  </symbol>
+  <!-- play -->
+  <symbol id="play" viewBox="0 0 15 15">
+    <path d="M7.5,0.5c3.9,0,7,3.1,7,7c0,3.9-3.1,7-7,7c-3.9,0-7-3.1-7-7l0,0C0.5,3.6,3.6,0.5,7.5,0.5 C7.5,0.5,7.5,0.5,7.5,0.5L7.5,0.5L7.5,0.5z M6.1,4.7v5.6l4.2-2.8L6.1,4.7z"/>
+  </symbol>
+</svg>

libretube-theme/static/images/videocamera.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   id="svg8"
+   version="1.1"
+   viewBox="0 0 100 100"
+   height="100"
+   width="100">
+  <g
+     transform="translate(0,-1022.5197)">
+    <path
+       d="m 22.324259,1121.5637 c -0.818872,-0.5214 -1.454103,-1.0942 -1.411612,-1.2731 0.04246,-0.1788 4.214691,-7.7609 9.271571,-16.849 5.05689,-9.0882 9.194335,-16.6635 9.194335,-16.834 0,-0.2214 -3.443967,-0.31 -12.046289,-0.31 H 15.285976 v -17.426 -17.4259 l 2.504007,-0.011 2.504008,-0.011 -1.495417,-0.6388 c -9.5053669,-4.0606 -11.8338472,-16.8438 -4.391968,-24.1118 2.093917,-2.045 4.174615,-3.2031 6.787831,-3.7783 2.274111,-0.5004 3.50468,-0.5004 5.778791,0 2.613206,0.5752 4.693915,1.7333 6.787831,3.7783 7.441878,7.268 5.113399,20.0512 -4.391978,24.1118 l -1.495407,0.6388 h 12.723039 12.723058 l -1.579569,-0.6744 c -5.596694,-2.3892 -9.191307,-8.3439 -8.7469,-14.4896 0.276992,-3.8306 1.623133,-6.8633 4.228912,-9.527 1.930277,-1.9733 4.3394,-3.2695 7.229343,-3.8899 4.537182,-0.9739 9.129059,0.5214 12.502584,4.0714 2.014174,2.1196 3.065727,3.9486 3.681712,6.4041 0.509355,2.0303 0.532366,5.6914 0.04768,7.5789 -1.157058,4.5055 -4.296082,8.1975 -8.461488,9.9521 l -1.32256,0.557 3.311216,0.015 3.311207,0.015 0.07254,6.5716 0.07254,6.5716 10.96348,-6.5705 c 6.029908,-3.6139 11.054836,-6.5711 11.166501,-6.5716 0.111663,-6e-4 0.203029,7.9806 0.203029,17.736 0,14.9981 -0.0579,17.7139 -0.375008,17.5876 -0.206262,-0.082 -5.231181,-3.0638 -11.16651,-6.6257 l -10.791492,-6.4761 -0.07275,6.3144 -0.07275,6.3145 H 55.886353 c -7.922963,0 -11.635154,0.093 -11.635154,0.2942 0,0.1619 4.060781,7.5925 9.023963,16.5125 4.963182,8.92 9.165524,16.4938 9.338535,16.8307 0.290365,0.5653 0.188461,0.6921 -1.324799,1.6464 -0.901654,0.5688 -1.676142,0.9887 -1.721099,0.9335 -0.04491,-0.055 -3.539569,-6.3298 -7.765821,-13.9431 -4.226262,-7.6132 -7.74547,-13.8424 -7.820476,-13.8424 -0.075,0 -0.103644,6.1974 -0.06363,13.7721 l 0.07275,13.7721 h -2.032794 -2.032806 l -0.07018,-13.997 -0.07018,-13.9971 -7.850392,14.1336 c -4.317721,7.7735 -7.911301,14.1258 -7.985743,14.1161 -0.07449,-0.011 -0.805347,-0.444 -1.624219,-0.9654 z"
+       style="fill:#fff;stroke-width:0.27583429" />
+  </g>
+</svg>

libretube-theme/static/js/menu.js

@@ -0,0 +1,52 @@
+/**
+ *
+ * @licstart  The following is the entire license notice for the
+ *  JavaScript code in this page.
+ *
+ * Copyright (C) 2019 Jesús E.
+ *
+ * The JavaScript code in this page is free software: you can
+ * redistribute it and/or modify it under the terms of the GNU
+ * General Public License (GNU GPL) as published by the Free Software
+ * Foundation, either version 3 of the License, or (at your option)
+ * any later version.  The code is distributed WITHOUT ANY WARRANTY;
+ * without even the implied warranty of MERCHANTABILITY or FITNESS
+ * FOR A PARTICULAR PURPOSE.  See the GNU GPL for more details.
+ *
+ * As additional permission under GNU GPL version 3 section 7, you
+ * may distribute non-source (e.g., minimized or compacted) forms of
+ * that code without the copy of the GNU GPL normally required by
+ * section 4, provided you include this license notice and a URL
+ * through which recipients can access the Corresponding Source.
+ *
+ * @licend  The above is the entire license notice
+ * for the JavaScript code in this page.
+ *
+ */
+document.addEventListener('DOMContentLoaded', () => {
+
+    function toggleMenu() {
+        document.getElementById('menu-toggle').addEventListener('click', function(e) {
+            let sidebar = document.getElementById("sidebar-wrapper");
+            if (sidebar.classList) {
+                sidebar.classList.toggle("active");
+            }
+        });
+    }
+
+    function closeMenu() {
+        document.getElementById('menu-close').addEventListener('click', function(e) {
+            let close = document.getElementById("sidebar-wrapper");
+            if (close.classList) {
+                close.classList.remove("active");
+            }
+        });
+    }
+
+    // Open Menu
+    toggleMenu();
+
+    // Close Menu
+    closeMenu();
+
+});

libretube-theme/static/js/play.js

@@ -0,0 +1,3 @@
+document.addEventListener('DOMContentLoaded', () => {
+    const player = new Plyr(document.getElementById('player-ply'));
+});