diff --git a/sass/custom/_paulus.scss b/sass/custom/_paulus.scss
index 00a611e2689..7162bb2a63a 100644
--- a/sass/custom/_paulus.scss
+++ b/sass/custom/_paulus.scss
@@ -50,7 +50,7 @@ $primary-color: #049cdb;
 }
 
 .hero {
-  background-color: #038FC7;
+  background-color: #038fc7;
   padding-bottom: 0;
 
   .lead {
@@ -69,14 +69,15 @@ $primary-color: #049cdb;
 .material-card {
   background-color: #fefefe;
   border-radius: 2px;
-  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);
+  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12),
+    0 3px 1px -2px rgba(0, 0, 0, 0.2);
 
   h1 {
     font-family: Roboto, Noto, sans-serif;
     -webkit-font-smoothing: antialiased;
     font-size: 24px;
     font-weight: 400;
-    letter-spacing: -.012em;
+    letter-spacing: -0.012em;
     line-height: 40px;
     color: #212121;
     padding: 20px 16px 12px;
@@ -124,14 +125,14 @@ $primary-color: #049cdb;
   }
 
   .highlight-blog-post {
-    font-size: 2.0rem;
+    font-size: 2rem;
     line-height: 1.15;
     padding: 15px;
     display: block;
     text-decoration: none;
     color: white;
-    transition: background-color .5s;
-    background-color: #038FC7;
+    transition: background-color 0.5s;
+    background-color: #038fc7;
 
     &.large {
       font-size: 2.25rem;
@@ -139,7 +140,7 @@ $primary-color: #049cdb;
     }
 
     &:hover {
-      background-color: lighten(#038FC7, 10%);
+      background-color: lighten(#038fc7, 10%);
     }
   }
 
@@ -152,7 +153,7 @@ $primary-color: #049cdb;
 
     .caption {
       padding: 16px 12px 12px;
-      background-color: rgba(0, 0, 0, .54);
+      background-color: rgba(0, 0, 0, 0.54);
       color: white;
       border-bottom-left-radius: 2px;
       border-bottom-right-radius: 2px;
@@ -219,7 +220,7 @@ dt:hover a.title-link {
     font-family: "FontAwesome";
     font-size: 15px;
     color: #999;
-    content: "\f0c1"
+    content: "\f0c1";
   }
 }
 
@@ -259,13 +260,16 @@ dt:hover a.title-link {
   }
 }
 
-article.post, article.page, article.listing {
+article.post,
+article.page,
+article.listing {
   font-size: 1.125em;
   line-height: 1.6;
 
-  img, table {
+  img,
+  table {
     border-radius: 3px;
-    box-shadow: rgba(0,0,0,0.06) 0 0 10px;
+    box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px;
     vertical-align: middle;
   }
 
@@ -274,17 +278,18 @@ article.post, article.page, article.listing {
     box-shadow: none;
   }
 
-  & > table, & > .entry-content > table {
-    background-color: #F3FCF5;
+  & > table,
+  & > .entry-content > table {
+    background-color: #f3fcf5;
   }
 
   p.img {
-    background-color: #FFF;
+    background-color: #fff;
     border-radius: 5px;
     text-align: center;
     padding-bottom: 3px;
-    font-size: .9rem;
-    box-shadow: rgba(0,0,0,0.06) 0 0 10px;
+    font-size: 0.9rem;
+    box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px;
 
     img {
       display: block;
@@ -314,7 +319,6 @@ article.post, article.page, article.listing {
   }
 
   h1 {
-
   }
 
   h2 {
@@ -352,14 +356,15 @@ article.post, article.page, article.listing {
   }
 }
 
-p.note, div.note {
+p.note,
+div.note {
   position: relative;
 
   background: #e7f2fa;
 
   padding: 40px 12px 6px 12px;
   margin-bottom: 24px;
-  box-shadow: rgba(0,0,0,0.06) 0 0 10px;
+  box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px;
 
   p {
     margin-bottom: 0px;
@@ -367,7 +372,7 @@ p.note, div.note {
 
   &::before {
     font-family: "FontAwesome", sans-serif;
-    content: "\f05a" " Note " attr(data-title);
+    content: "\f05a"" Note " attr(data-title);
     background-color: #6ab0de;
     color: white;
     font-weight: bold;
@@ -385,14 +390,13 @@ p.note, div.note {
   }
 
   &.warning {
-    background-color: #F7F9E1;
+    background-color: #f7f9e1;
 
     &::before {
-      background-color: rgb(187, 185, 13);;
-      content: "\f071" " Warning " attr(data-title);
+      background-color: rgb(187, 185, 13);
+      content: "\f071"" Warning " attr(data-title);
     }
   }
-
 }
 
 .copyright {
@@ -458,7 +462,7 @@ p.note, div.note {
   float: right;
   margin-left: 8px;
   margin-bottom: 8px;
-  font-size: .8em;
+  font-size: 0.8em;
 }
 
 ul.sidebar-menu {
@@ -571,7 +575,7 @@ div.config-vars {
 }
 
 code {
-  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
   font-size: 0.8em;
   color: #1990b8;
   word-spacing: normal;
@@ -588,12 +592,15 @@ code {
   hyphens: none;
 
   background-color: #fdfdfd;
-  background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
+  background-image: linear-gradient(
+    transparent 50%,
+    rgba(69, 142, 209, 0.04) 50%
+  );
   background-size: 3em 3em;
   background-origin: content-box;
   background-attachment: local;
 
   border: 1px solid #ddd;
   border-radius: 0.4em;
-  padding: .1em .4em
-}
\ No newline at end of file
+  padding: 0.1em 0.4em;
+}
diff --git a/sass/oscailte/helpers/_classes.scss b/sass/oscailte/helpers/_classes.scss
index 8f71f33ed30..f0fb0cb3586 100644
--- a/sass/oscailte/helpers/_classes.scss
+++ b/sass/oscailte/helpers/_classes.scss
@@ -1,5 +1,9 @@
-.pull-left  {float: left;}
-.pull-right {float: right;}
+.pull-left {
+  float: left;
+}
+.pull-right {
+  float: right;
+}
 
 .clearfix {
   *zoom: 1;
@@ -14,7 +18,8 @@
   }
 }
 
-ul, ol {
+ul,
+ol {
   &.unstyled {
     list-style-type: none;
     margin: 0;
@@ -23,13 +28,15 @@ ul, ol {
   &.inline {
     @extend .unstyled;
     list-style-type: none;
-    > li {display: inline;}
+    > li {
+      display: inline;
+    }
   }
 
   &.divided {
     @extend .unstyled;
     > li {
-      border-top:    1px solid lighten($site-background, 5%);
+      border-top: 1px solid lighten($site-background, 5%);
       border-bottom: 1px solid darken($site-background, 5%);
       padding: 0.5em 0;
 
@@ -37,7 +44,9 @@ ul, ol {
         border-top: none;
         padding-top: 0;
       }
-      &:last-child {border-bottom: none;}
+      &:last-child {
+        border-bottom: none;
+      }
     }
   }
 }
@@ -57,4 +66,16 @@ ul, ol {
   &:visited {
     color: $button-text;
   }
-}
\ No newline at end of file
+}
+
+/**
+ * These buttons will fill the entirety of their container.
+ *
+ * 1. Remove padding so that widths and paddings don’t conflict.
+ */
+.btn--full {
+  width: 100%;
+  padding-right: 0; /* [1] */
+  padding-left: 0; /* [1] */
+  text-align: center;
+}
diff --git a/source/_includes/asides/conference_navigation.html b/source/_includes/asides/conference_navigation.html
index ad1535ea2cd..762faa53b80 100644
--- a/source/_includes/asides/conference_navigation.html
+++ b/source/_includes/asides/conference_navigation.html
@@ -4,10 +4,11 @@
     <ul class="divided sidebar-menu">
       <li>
         <b>When</b>: Sunday, December 13, 2020<br>
+        <b>Time</b>: <a href="https://www.timeanddate.com/worldclock/fixedtime.html?msg=Home+Assistant+Conference&iso=20201213T19&p1=16&ah=4" target="_blank">10:00 PST / 19:00 CET</a><br>
         <b>Where</b>: online<br>
-        <b>Cost</b>: free<br>
       </li>
     </ul>
+    <a class="btn btn--full" href="https://hopin.to/events/home-assistant-conference">Get your ticket</a>
   </div>
 
   <div class="section">
diff --git a/source/conference/index.markdown b/source/conference/index.markdown
index 127b0b5c5f6..e043bcb6828 100644
--- a/source/conference/index.markdown
+++ b/source/conference/index.markdown
@@ -10,18 +10,26 @@ og_image: /images/conference/social.png
 <img src='/images/conference/conference-header.png' alt='Home Assistant Conference header' class='no-shadow'>
 <br><br>
 
-The Home Assistant Conference is an online event where the Home Assistant community will share their ideas, creations and major milestones. The event will take place on December 13, 2020 and will be free to participate.
+The Home Assistant Conference is an online event to celebrate the community. It’s where the Home Assistant community will share their ideas, creations and major milestones. The event will take place on December 13, 2020.
 
-We're still working out the details, so check back on this page for updates.
+The conference will contain three different tracks: everyone, advanced users and developers. For each track we have 5-6 speakers to share their creations, deep-dive into certain topics or share their epic automations.
 
-## Open call for speakers
+Paulus Schoutsen, the founder of Home Assistant, will give the opening and closing keynote, aided by other Home Assistant developers.
 
-We're currently looking for people that want to speak at the conference. Talks will need to be either 15 or 30 minutes. You will stream them from your house during the event.
+After the talks, attendees will be able to join various sessions about different topics like automations, Lovelace and Q&A with Home Assistant developers.
 
-Talks can be about things you created, like a great automation, an amazing Lovelace dashboard, or a cool new feature. It can also be about your experience with Home Assistant, like how it has improved peoples lives, how you use it for education or some other unique use case.
+## Attending
 
-_The deadline for submitting a talk was October 31, 2020._
+The Home Assistant Conference will be hosted on [Hopin](https://hopin.to/events/home-assistant-conference), an online conference platform. Tickets to attend will cost $1, which will cover the cost of the platform.
+
+<a class="btn" href="https://hopin.to/events/home-assistant-conference">Get your ticket</a>
+
+The conference will also be available as a free YouTube live stream. The live stream will be limited to the keynotes and the "everyone" track. You won't have access to the chat and have that online conference feeling, so we recommend getting a ticket!
+
+To be notified when the live stream is online, [visit YouTube](https://www.youtube.com/watch?v=xSB_MuKkgxE) and click on "Set Reminder".
+
+Recordings of the keynote and all tracks and sessions will be made available on YouTube after the conference.
 
 ## Speakers & Schedule
 
-This will come soon.
+_To be announced._