3 files changed, 32 insertions, 3 deletions

diff --git a/CREDITS.md b/CREDITS.md
new file mode 100644
index 000000000..a4e627c3c
--- /dev/null
+++ b/CREDITS.md
@@ -0,0 +1,18 @@
+# Code
+
+ * [Chocobozzz](https://github.com/Chocobozzz)
+ * [dadall](https://github.com/dadall)
+ * [ldidry](https://github.com/ldidry)
+ * [faddat](https://github.com/faddat)
+ * [AugierLe42e](https://github.com/AugierLe42e)
+
+# Design
+
+Inspirations from:
+
+ * [Aurélien Salomon](https://dribbble.com/shots/1338727-Youtube-Redesign)
+ * [Adrien Thomas](https://dribbble.com/shots/1363194-YouTube-Redesign-Profil-page)
+
+# Fonts
+
+ * [recharge by Typedermic Fonts](http://typodermicfonts.com)
diff --git a/client/src/app/app.component.html b/client/src/app/app.component.html
index 3f946d581..deccb2810 100644
--- a/client/src/app/app.component.html
+++ b/client/src/app/app.component.html
@@ -1,9 +1,9 @@
 <div class="container-fluid">
   <div class="row">
     <div class="col-md-2 col-sm-3 col-xs-3 title-menu-left">
-      <h4 id="peertube-title" class="title-menu-left-block header">
-        <a [routerLink]="['/videos/list']">PeerTube</a>
-      </h4>
+      <div id="peertube-title" class="title-menu-left-block header">
+        <a [routerLink]="['/videos/list']" title="Homepage"></a>
+      </div>
 
       <div class="title-menu-left-block menu">
         <my-menu *ngIf="isInAdmin() === false"></my-menu>
diff --git a/client/src/app/app.component.scss b/client/src/app/app.component.scss
index 2d0487cd8..f11552ef6 100644
--- a/client/src/app/app.component.scss
+++ b/client/src/app/app.component.scss
@@ -19,8 +19,19 @@
     margin-top: 0;
     margin-bottom: 0;
 
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    text-align: center;
+
     a {
       color: inherit !important;
+      display: block;
+      background: url(/client/assets/logo.png) no-repeat;
+      background-size: contain;
+      width: 180px;
+      height: 22px;
+      margin: auto;
 
       &:hover {
         color: inherit !important;