Channel topic

titanembeds/static/css/embedstyle.css

@@ -8,7 +8,7 @@ min-height: calc(100vh - 80px);
 }
 
 footer {
-position: fixed; 
+position: fixed;
 bottom: 0;
 left: 0;
 right: 0;
@@ -133,4 +133,11 @@ background-color: #546e7a;
   font-variant: small-caps;
   font-size: 15px;
   color: #eceff1;
-}
+}
+
+#channeltopic {
+  width: 80%;
+  margin-left: 30px;
+  margin-right: auto;
+  font-size: 85%;
+}

titanembeds/static/js/embed.js

@@ -155,6 +155,7 @@ function fill_channels(channels) {
               $("#messagebox").prop('disabled', true);
               $("#messagebox").prop('placeholder', "Messages is disabled in this channel.");
             }
+            $("#channeltopic").text(chan.channel.topic);
           }
         }
     }

titanembeds/templates/embed.html.j2

@@ -37,12 +37,18 @@
             <span class="name">{{ guild['name'] }}</span>
           </div>
         </li>
+
         <li><a class="subheader">Actions</a></li>
         <li><a href="{{ url_for("user.administrate_guild", guild_id=guild['id']) }}" class="waves-effect" target="_blank" id="administrate_link" style="display: none;">Manage Guild Embed</a></li>
         <li><a href="https://discordapp.com/channels/{{ guild['id'] }}/" class="waves-effect" target="_blank">Open Server on Discordapp</a></li>
 
         <li><div class="divider"></div></li>
 
+        <li><a class="subheader">Channel Topic</a></li>
+        <div id="channeltopic"></div>
+
+        <li><div class="divider"></div></li>
+
         <li><a class="subheader">Channels</a></li>
         <span id="channels-list"></span>
       </ul>