Add new "BetterTitan" theme (#10)

* Create style.css

* Create Temp

* Upload Fonts

* Update embed.html.j2

* Add BT to options list

* Delete Temp

webapp/titanembeds/static/js/embed.js

@@ -6,7 +6,7 @@
 /* global moment */
 
 (function () {
-    const theme_options = ["DiscordDark"]; // All the avaliable theming names
+    const theme_options = ["DiscordDark", "BetterTitan"]; // All the avaliable theming names
     
     var has_already_been_focused = false; // keep track of if the embed has initially been focused.
     var logintimer; // timer to keep track of user inactivity after hitting login

webapp/titanembeds/static/themes/BetterTitan/css/style.css

@@ -0,0 +1,103 @@
+/* BetterTitan Theme by .JS#2125 */
+
+@font-face {
+    font-family: Whitney;
+    font-style: light;
+    font-weight: 300;
+    src: url("../font/whitney_light.woff") format("woff")
+}
+
+@font-face {
+    font-family: Whitney;
+    font-style: normal;
+    font-weight: 500;
+    src: url("../font/whitney_normal.woff") format("woff")
+}
+
+@font-face {
+    font-family: Whitney;
+    font-style: medium;
+    font-weight: 600;
+    src: url("../font/whitney_medium.woff") format("woff")
+}
+
+@font-face {
+    font-family: Whitney;
+    font-style: bold;
+    font-weight: 700;
+    src: url("../font/whitney_bold.woff") format("woff")
+}
+
+* {
+font-family: Whitney, Helvetica Neue, Helvetica, Arial, sans-serif;
+}
+#footercontainer {
+border-radius:20px;
+border: 1px solid rgb(99,99,99);
+margin-left:-0px!important;
+padding-left:-4px!important;
+}
+#nameplate {
+background:transparent!important;
+margin-left:10px
+}
+#chatcontent > p > span.chatusername,
+#curuser_discrim,
+#curuser_name {
+display:block
+}
+#curuser_discrim {
+font-size:50%;
+}
+#curuser_discrim,
+#curuser_name {
+margin-top:-2px
+}
+#currentuserimage {
+margin-top:4px;
+margin-right:4px
+}
+#chatcontent > p { display: table; }
+#chatcontent > p > span { display: table-row }
+#chatcontent > p > span:nth-child(1):before { content:"Today at " }
+#chatcontent > p > span.chatusername { display: table-header-group }
+#chatcontent > p > span.chatmessage { display: table-footer-group;display:inline-block!important;color:rgb(195,196,197) }
+::-webkit-input-placeholder { color:rgb(99,99,99) }
+:-moz-placeholder { color:rgb(99,99,99) }
+::-moz-placeholder { color:rgb(99,99,99) }
+:-ms-input-placeholder { color:rgb(99,99,99) }
+::-ms-input-placeholder { color:rgb(99,99,99) }
+body > div.navbar-fixed > nav > div {
+background:#263238
+    background: -webkit-linear-gradient(#263238, #37474f, #455a64); /* For Safari 5.1 to 6.0 */
+    background: -o-linear-gradient(#263238, #37474f, #455a64); /* For Opera 11.1 to 12.0 */
+    background: -moz-linear-gradient(#263238, #37474f, #455a64); /* For Firefox 3.6 to 15 */
+    background: linear-gradient(#263238, #37474f, #455a64); /* Standard syntax */
+}
+div.divider {
+margin-left:10px;
+margin-right:10px;
+}
+#discord-members > li > a.subheader,
+#members-nav > li:nth-child(1) > a,
+#discord-members-count,
+#embed-discord-members-count,
+#members-nav > li:nth-child(4) > a,
+#guest-members-count,
+#members-nav > li:nth-child(6) > a {
+text-transform: uppercase;
+}
+#members-btn > i { visibility:hidden }
+#members-btn {
+visibility:visible;
+background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxwYXRoIGQ9Ik0xIDFoMjR2MjRIMVYxeiIvPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZD0iTTE2Ljc3MjA3NTQgMTQuNjc5MTc3OGMtLjIyNDkwOTctLjIyNTY4ODYtLjQ3NDE1NzMtLjQzNTE2ODEtLjc0MjA3NTQtLjYyOTE3NzguMzUtLjAzLjY4LS4wNS45Ny0uMDUgMi4zMyAwIDcgMS4xNyA3IDMuNVYyMGgtNHYtMWMwLTEuODgxNjkxNC0xLjQwNzcwNTYtMy4zMjMwMTQzLTMuMjI3OTI0Ni00LjMyMDgyMjJ6bS0xLjQzODU3MzUtOC4xNzU4NTM0QzE1LjgwOTgwODIgNi4xODUyNTE3MyAxNi4zODI3ODQ1IDYgMTcgNmMxLjY2IDAgMi45OSAxLjM0IDIuOTkgM3MtMS4zMyAzLTIuOTkgM2MtLjYxNzE5MTQgMC0xLjE5MDE0NzEtLjE4NTIzNzMtMS42NjY0NDIzLS41MDMyODcyQzE1Ljc1NzQ4MzIgMTAuNzYyMTQwOTUgMTYgOS45MDk1NTYgMTYgOS4wMDAwNjY5M2MwLS45MDk1Mjg5Ni0uMjQyNTM4MS0xLjc2MjE0ODgtLjY2NjQ5ODEtMi40OTY3NDI1M3pNMTAgMTNjMi4yMSAwIDQtMS43OSA0LTRzLTEuNzktNC00LTQtNCAxLjc5LTQgNCAxLjc5IDQgNCA0em0wIDJjLTIuNjcgMC04IDEuMzQtOCA0djJoMTZ2LTJjMC0yLjY2LTUuMzMtNC04LTR6Ii8+CiAgPC9nPgo8L3N2Zz4=);
+background-repeat:no-repeat;
+margin-top:18px
+}
+.circle:hover {
+border-radius:20px;
+background: linear-gradient(to right, #f9f9f9 90%, #fff);
+}
+#channels-list > li:hover {
+-webkit-filter: brightness(150%);
+}

webapp/titanembeds/templates/embed.html.j2

@@ -123,6 +123,7 @@
             <select id="theme-selector">
               <option value="" selected>Default</option>
               <option value="DiscordDark">DiscordDark</option>
+              <option value="BetterTitan">BetterTitan</option>
             </select>
           </div>
         </div>