diff --git a/src/_scss/_frontpage.scss b/src/_scss/_frontpage.scss
index bc16aa40..a0d55449 100644
--- a/src/_scss/_frontpage.scss
+++ b/src/_scss/_frontpage.scss
@@ -37,7 +37,7 @@
 
     //(≥768px)
     @media (min-width: $screen-sm-min) {
-      background-image: url("/images/frontpage/front.jpg");
+      background-image: url("/images/frontpage/halloween-front.jpg");
       background-repeat-y: no-repeat;
     }
     @media (min-width: $screen-md-min) {
@@ -248,7 +248,7 @@
       //992px
       @media (min-width: $screen-md-min) {
       align-self: flex-end;
-      background: #4c4cd2;
+      background: #cb6f19;
       width: 30%;
       margin-right: 2%;
 
diff --git a/src/images/frontpage/halloween-front.jpg b/src/images/frontpage/halloween-front.jpg
new file mode 100644
index 00000000..30f322fb
Binary files /dev/null and b/src/images/frontpage/halloween-front.jpg differ
diff --git a/src/images/frontpage/night-of-the-flying-dead.jpg b/src/images/frontpage/night-of-the-flying-dead.jpg
new file mode 100644
index 00000000..7e588a71
Binary files /dev/null and b/src/images/frontpage/night-of-the-flying-dead.jpg differ
diff --git a/src/index.md b/src/index.md
index 4fee3051..bdb72625 100644
--- a/src/index.md
+++ b/src/index.md
@@ -17,12 +17,12 @@ page_id: home
         </div>
       </div>
 
-      <!-- <div class="announcements">
-        <a href="https://github.com/orgs/bitcraze/discussions/749">
-          <img src="/images/events/devmeetings/devmeeting_7june.png" alt="dev meeting">
-          <p>Monthly Dev meeting! Read more >>></p>
+      <div class="announcements">
+        <a href="https://www.youtube.com/watch?v=gZPZEoVGvA4">
+          <p>Watch the Halloween special here >>></p>
+          <img src="images/frontpage/night-of-the-flying-dead.jpg">
         </a>
-      </div > -->
+      </div >
 
     </div>
     <div class="header-col-wrapper">