diff --git a/assets/css/channel.css b/assets/css/channel.css
index e40dc6aa..057756fc 100644
--- a/assets/css/channel.css
+++ b/assets/css/channel.css
@@ -11,3 +11,42 @@
background-repeat: no-repeat !important;
}
+#link-holder {
+ display: flex;
+ background: rgba(0, 0, 0, 0.3);
+ align-self: flex-end;
+ margin: 15px;
+ padding: 12px;
+}
+
+@media screen and (max-width: 640px) {
+ #link-holder {
+ display: none;
+ }
+}
+
+#link-widget-primary {
+ margin-right: 1.5em;
+}
+
+.link-widget-link {
+ margin-right: 10px;
+}
+
+.link-widget-link:last-child {
+ margin-right: 0;
+}
+
+.link-widget-link img, #external-links img {
+ vertical-align: sub;
+ width: 20px;
+ height: 20px;
+}
+
+#link-widget-primary a {
+ color: white !important;
+}
+
+#link-widget-primary a:hover {
+ color: #e1e1e1 !important;
+}
diff --git a/src/invidious/views/channel.ecr b/src/invidious/views/channel.ecr
index 7e0777fd..c0caa80a 100644
--- a/src/invidious/views/channel.ecr
+++ b/src/invidious/views/channel.ecr
@@ -1,5 +1,10 @@
-<% content_type = 0 %>
+<% content_for "header" do %>
+
diff --git a/src/invidious/views/channel_about.ecr b/src/invidious/views/channel_about.ecr
index e81bd88f..8266eff0 100644
--- a/src/invidious/views/channel_about.ecr
+++ b/src/invidious/views/channel_about.ecr
@@ -1,3 +1,8 @@
+<% content_for "header" do %>
+
<%= channel.author %> - Invidious
+
+<% end %>
+
<% content_type = 4 %>
<% sort_options = Tuple.new %>
<%= rendered "components/channel-information" %>
diff --git a/src/invidious/views/community.ecr b/src/invidious/views/community.ecr
index 68186af5..1b1e8ab2 100644
--- a/src/invidious/views/community.ecr
+++ b/src/invidious/views/community.ecr
@@ -1,3 +1,8 @@
+<% content_for "header" do %>
+
<%= channel.author %> - Invidious
+
+<% end %>
+
<% content_type = 2 %>
<% sort_options = Tuple.new %>
<%= rendered "components/channel-information" %>
diff --git a/src/invidious/views/components/channel-information.ecr b/src/invidious/views/components/channel-information.ecr
index 6d272abc..1c738638 100644
--- a/src/invidious/views/components/channel-information.ecr
+++ b/src/invidious/views/components/channel-information.ecr
@@ -1,12 +1,24 @@
-<% content_for "header" do %>
-
<%= channel.author %> - Invidious
-
-
-<% end %>
-
<% if channel.banner %>
+ <% if channel.links %>
+
+
+
+ <% channel.links[1..4].each do |link_tuple| %>
+
+ <% end %>
+
+ <% end %>
diff --git a/src/invidious/views/playlists.ecr b/src/invidious/views/playlists.ecr
index 09bde10c..49dc749e 100644
--- a/src/invidious/views/playlists.ecr
+++ b/src/invidious/views/playlists.ecr
@@ -1,5 +1,9 @@
-<% content_type = 1 %>
+<% content_for "header" do %>
+
<%= channel.author %> - Invidious
+
+<% end %>
+<% content_type = 1 %>
<%= rendered "components/channel-information" %>