From 4cb57e84d6f2a5c57168cf421a897ea3b16e8c40 Mon Sep 17 00:00:00 2001
From: "Rico Sta. Cruz" <rstacruz@users.noreply.github.com>
Date: Thu, 26 Oct 2017 15:51:38 +0800
Subject: [PATCH] Announce new Twitter account

---
 _data/content.yml                             | 9 ++++++---
 _includes/2017/announcements-list.html        | 2 +-
 _sass/2017/components/announcements-item.scss | 9 +++++++++
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/_data/content.yml b/_data/content.yml
index 73aca0ff1..cb946f243 100644
--- a/_data/content.yml
+++ b/_data/content.yml
@@ -41,7 +41,10 @@ not_found:
   home: Back to home
 
 announcement:
-  id: 2017-09-25-devhints-io
-  title: New URL 🎉
+  id: 2017-10-26-twitter
+  title: |
+    New: We're on Twitter ♥️
   body: |
-    Hey, ricostacruz.com/cheatsheets has moved to devhints.io! Same content with a shorter and easier to remember URL.
+    Follow [@devhints](https://twitter.com/devhints) on Twitter for daily "today I learned" snippets!
+
+    [![](https://img.shields.io/twitter/follow/devhints.svg?style=social&label=@devhints)](https://twitter.com/devhints)
diff --git a/_includes/2017/announcements-list.html b/_includes/2017/announcements-list.html
index 9e9711f52..8d24ac01f 100644
--- a/_includes/2017/announcements-list.html
+++ b/_includes/2017/announcements-list.html
@@ -2,7 +2,7 @@
 <div class='announcements-list'>
   <div class='announcements-item item -hide' data-js-dismissable='{"id":"{{ site.data.content.announcement.id }}"}'>
     <h3 class='title'>{{ site.data.content.announcement.title }}</h3>
-    <div class='body'>{{ site.data.content.announcement.body }}</div>
+    <div class='body'>{{ site.data.content.announcement.body | markdownify }}</div>
     <button data-js-dismiss class='close'></button>
   </div>
 </div>
diff --git a/_sass/2017/components/announcements-item.scss b/_sass/2017/components/announcements-item.scss
index 8a9770875..108eb0730 100644
--- a/_sass/2017/components/announcements-item.scss
+++ b/_sass/2017/components/announcements-item.scss
@@ -22,6 +22,15 @@
     padding: 0;
   }
 
+  & > .body > p {
+    margin: 0;
+    padding: 0;
+
+    & + p {
+      margin-top: 1em;
+    }
+  }
+
   & > .close {
     position: absolute;
     right: 0;