diff --git a/_data/lang/en/roadmap.yml b/_data/lang/en/roadmap.yml
index 762f38df55948bb96daec6e27aea30c223f27f28..2a35507c5716b8ea11cd54427ec6d54f0de66e75 100644
--- a/_data/lang/en/roadmap.yml
+++ b/_data/lang/en/roadmap.yml
@@ -1,262 +1,165 @@
-- year: 2014
-  accomplishments:
+year_2014:
+- month: April
+  completed:
     - name: Launched on Bitcointalk
-      date: 2014-04-18
-      status: completed
     - name: Renamed from Bitmonero to Monero
-      date: 2014-04-23
-      status: completed
+- month: September
+  completed:
     - name: Recovered from a spam attack
-      date: 2014-09-04
-      status: completed
     - name: Monero Research Lab Papers 1 and 2 published
-      date: 2014-09-12
-      status: completed
     - name: Monero Research Lab Paper 3 published
-      date: 2014-09-25
-      status: completed
+- month: December
+  completed:
     - name: 0.8.8.6 released
-      date: 2014-12-08
-      status: completed
-- year: 2015
-  accomplishments:
+year_2015:
+- month: January
+  completed:
     - name: Monero Research Lab Paper 4 published
-      date: 2015-01-26
-      status: completed
-- year: 2016
-  accomplishments:
+year_2016:
+- month: January
+  completed:
     - name: 0.9.0 Hydrogen Helix released
-      date: 2016-01-01
-      status: completed
+- month: February
+  completed:
     - name: Monero Research Lab Paper 5 published
-      date: 2016-02-10
-      status: completed
+- month: March
+  completed:
     - name: Network Upgrade to require minimum ringsize of 3 on all transactions
-      date: 2016-03-22
-      status: completed
+- month: September
+  completed:
     - name: 0.10.0 Wolfram Warptangent released
-      date: 2016-09-18
-      status: completed
     - name: Network Upgrade to split coinbase into denominations
-      date: 2016-09-21
-      status: completed
+- month: December
+  completed:
     - name: 0.10.1 Wolfram Warptangent released
-      date: 2016-12-14
-      status: completed
     - name: Official GUI Beta 1 released
-      date: 2016-12-22
-      status: completed
-- year: 2017
-  accomplishments:
+year_2017:
+- month: January
+  completed:
     - name: Network Upgrade to enable RingCT transactions
-      date: 2017-01-05
-      status: completed
+- month: February
+  completed:
     - name: 0.10.2 released; critical vulnerability patched
-      date: 2017-02-22
-      status: completed
+- month: March
+  completed:
     - name: 0.10.3.1 Wolfram Warptangent released
-      date: 2017-03-27
-      status: completed
+- month: April
+  completed:
     - name: Network Upgrade to adjust minimum blocksize and dynamic fee algorithm
-      date: 2017-04-15
-      status: completed
+- month: July
+  completed:
     - name: Website redesigned
-      date: 2017-07-04
-      status: completed
+- month: September
+  completed:
     - name: 0.11.0.0 Helium Hydra released
-      date: 2017-09-07
-      status: completed
     - name: Fluffy blocks
-      date: 2017-09-07
-      status: completed
     - name: GUI out of beta
-      date: 2017-09-10
-      status: completed
     - name: Network Upgrade to increase minimum ringsize to 5 and require RingCT transactions
-      date: 2017-09-15
-      status: completed
     - name: GUI 0.11.0.0 Helium Hydra released
-      date: 2017-09-24
-      status: completed
     - name: 0MQ/ZeroMQ
-      date: September, 2017
-      status: completed
+- month: October
+  completed:
     - name: Subaddresses
-      date: October, 2017
-      status: completed
     - name: Monero Research Lab Paper 6 published
-      date: 2017-10-03
-      status: completed
     - name: 0.11.1.0 Helium Hydra released
-      date: 2017-10-25
-      status: completed
     - name: GUI 0.11.1.0 Helium Hydra released
-      date: 2017-10-27
-      status: completed
+- month: December
+  completed:
     - name: Multi-signatures (multisig)
-      date: December, 2017
-      status: completed
-- year: 2018
-  accomplishments:
+year_2018:
+- month: March
+  completed:
     - name: 0.12.0.0 Lithium Luna released
-      date: 2018-03-24
-      status: completed
+- month: April
+  completed:
     - name: GUI 0.12.0.0 Lithium Luna released
-      date: 2018-04-04
-      status: completed
     - name: New Proof of Work CryptoNightV2
-      date: 2018-04-06
-      status: completed
     - name: Network upgrade to increase minimal ringsize to 7, integrate multisig, subaddresses, and change PoW algo
-      date: 2018-04-06
-      status: completed
     - name: Getmonero.org Localization in French and Polish
-      date: 2018-04-24
-      status: completed
+- month: May
+  completed:
     - name: 0.12.1.0 Lithium Luna released
-      date: 2018-05-23
-      status: completed
+- month: June
+  completed:
     - name: Ledger Hardware Wallets Support
-      date: 2018-06-04
-      status: completed
     - name: 0.12.2.0 Lithium Luna released
-      date: 2018-06-04
-      status: completed
+- month: July
+  completed:
     - name: 0.12.3.0 Lithium Luna released
-      date: 2018-07-23
-      status: completed
     - name: GUI 0.12.3.0 Lithium Luna released
-      date: 2018-07-27
-      status: completed
+- month: August
+  completed:
     - name: Kovri alpha release
-      date: 2018-08-01
-      status: completed
     - name: Getmonero.org Moneropedia open for Localization
-      date: 2018-08-03
-      status: completed
     - name: Getmonero.org Localization in Arabic
-      date: 2018-08-10
-      status: completed
+- month: October
+  completed:
     - name: 0.13.0.2 Beryllium Bullet released
-      date: 2018-10-11
-      status: completed
     - name: GUI 0.13.0.3 Beryllium Bullet released
-      date: 2018-10-14
-      status: completed
     - name: New Proof of Work CryptoNightV3
-      date: 2018-10-18
-      status: completed
     - name: Implementation of Bulletproofs to reduce transaction sizes
-      date: 2018-10-18
-      status: completed
     - name: Network upgrade to increase minimal ringsize to 11, integrate Bulletproofs, update fees calculation algorithm, and change PoW algo
-      date: 2018-10-18
-      status: completed
     - name: 0.13.0.4 Beryllium Bullet released
-      date: 2018-10-25
-      status: completed
+- month: November
+  completed:
     - name: Monero Research Lab Papers 8 and 9 published
-      date: 2018-11-01
-      status: completed
     - name: GUI 0.13.0.4 Beryllium Bullet released
-      date: 2018-11-19
-      status: completed
     - name: Monero Research Lab Paper 7 published
-      date: 2018-11-26
-      status: completed
+- month: December
+  completed:
     - name: Monero Research Lab Paper 10 published
-      date: 2018-12-04
-      status: completed
     - name: Implementation of Monero Messaging System (MMS) to automate multisig wallets information exchange
-      date: 2018-12-20
-      status: completed
-- year: 2019
-  accomplishments:
+year_2019:
+- month: February
+  completed:
     - name: Getmonero.org Localization in German
-      date: 2019-02-11
-      status: completed
     - name: 0.14.0.0 Boron Butterfly released
-      date: 2019-02-25
-      status: completed
+- month: March
+  completed:
     - name: GUI 0.14.0.0 Boron Butterfly released
-      date: 2019-03-01
-      status: completed
     - name: New Community Crowdfunding System (CCS) to replace the Forum Funding System (FFS)
-      date: 2019-03-06
-      status: completed
     - name: 0.14.0.2 Boron Butterfly released
-      date: 2019-03-08
-      status: completed
     - name: New Proof of Work CryptoNightR
-      date: 2019-03-09
-      status: completed
     - name: Getmonero.org Localization in Brazilian-Portuguese and Dutch
-      date: 2019-03-12
-      status: completed
+- month: May
+  completed:
     - name: "DLSAG: Non-Interactive Refund Transactions For Interoperable Payment Channels in Monero"
-      date: 2019-05-29
-      status: completed
+- month: July
+  completed:
     - name: Blockchain pruning
-      date: 2019-07-17
-      status: completed
     - name: Trezor model T support
-      date: 2019-07-17
-      status: completed
     - name: Ledger Nano X support
-      date: 2019-07-17
-      status: completed
     - name: Tor & I2P CLI wallet integration
-      date: 2019-07-17
-      status: completed
     - name: Multisig Messaging System
-      date: 2019-07-17
-      status: completed
+- month: October
+  completed:
+    - name: "Localization platform change: from Pootle to Weblate"
+- month: November
+  completed:
     - name: "Localization platform change: from Pootle to Weblate"
-      date: 2019-10-07
-      status: completed
     - name: Pay for service system using mining (RPC-Pay)
-      date: 2019-11-12
-      status: completed
     - name: IPv6 support
-      date: 2019-11-12
-      status: completed
     - name: Standalone (long) payment ID support removed
-      date: 2019-11-12
-      status: completed
     - name: GUI automatic remote nodes discovering and switching option
-      date: 2019-11-19
-      status: completed
     - name: New Proof of Work RandomX
-      date: 2019-11-30
-      status: completed
-- year: 2020
-  accomplishments:
+year_2020:
+- month: February
+  completed:
     - name: Getmonero translatable on Weblate
-      date: 2020-02-12
-      status: completed
+- month: March
+  completed:
+    - name: GUI 0.15.0.4 released
+- month: Coming Soon
+  ongoing: 
     - name: Onion address for Getmonero.org
-      date:
-      status: ongoing
     - name: Implementation of the Dandelion++ protocol
-      date:
-      status: ongoing
     - name: Wallet scanning speedups (support for supercop ASM)
-      date:
-      status: ongoing
     - name: Concise linkable spontaneous anonymous group (CLSAG) signatures
-      date:
-      status: ongoing
     - name: "Triptych: logarithmic-sized linkable ring signatures with applications"
-      date:
-      status: ongoing
     - name: "Kastelo: open source hardware wallet"
-      date:
-      status: ongoing
+  upcoming:
     - name: Second-layer solutions for speed and scalability
-      date:
-      status: upcoming
-- year: future
-  accomplishments:
-    - name: Return addresses
-      date:
-      status: upcoming
+future:
+- month: Coming Soon
+  upcoming:
+    - name: Return addresses
\ No newline at end of file
diff --git a/css/custom.css b/css/custom.css
index 740201367b68b92c7d2908517a37d7ac7c01cac5..ffccf757daa3ea219792078003869980866799da 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -1405,32 +1405,26 @@ h2#main-h2 {
     padding: 0;
 }
 
-.pre-roadmap p.pre-completed:before, .pre-roadmap p.pre-ongoing:before, .pre-roadmap p.pre-upcoming:before {
-    content: '';
-    display: inline-block;
-    width: 1rem;
-    height: 1rem;
-    border-radius: 1rem;
-    color: white;
-    margin-right: 1rem;
-    position: relative;
-    z-index: 1;
-    vertical-align: middle;
-}
-
 .pre-roadmap p.pre-completed:before {
-    background: #4c4c4c;
-    border: 1px solid #4c4c4c;
+  content: "\02714";
+  color: green;
+  font-size: 2.5rem;
+  padding-right: 4%;
+  vertical-align: middle;
 }
 
 .pre-roadmap p.pre-ongoing:before {
-    background: #d26e2b;
-    border: 1px solid #d26e2b;
+  content: "\01F6A7";
+  font-size: 2rem;
+  padding-right: 4%;
+  vertical-align: middle;
 }
 
 .pre-roadmap p.pre-upcoming:before {
-    background: #fff;
-    border: 2px solid #4c4c4c;
+  content: "\01F9ED";
+  font-size: 2rem;
+  padding-right: 4%;
+  vertical-align: middle;
 }
 
 .hangouts ul {
@@ -3428,22 +3422,39 @@ footer {
 
 /***************************ROADMAP STYLING*********************************/
 
-.roadmap .completed {
-    background: #4c4c4c;
-    border: 1px solid #4c4c4c;
-    border-radius: 50px;
+h3#months {
+  font-style: italic;
+  margin-bottom: 0.5rem
 }
 
-.roadmap .ongoing {
-    background: #d26e2b;
-    border: 1px solid #d26e2b;
-    border-radius: 50%;
+.roadmap ul {
+  list-style: none ;
+  margin-left: 2rem;
+  line-height: 1.3;
 }
 
-.roadmap .upcoming {
-    background: #fff;
-    border: 2px solid #4c4c4c;
-    border-radius: 50%;
+.roadmap li.completed:before {
+  content: "\02714";
+  color: green;
+  font-size:2.5rem;
+  padding-right: 2%;
+  vertical-align: -8%;
+}
+
+.roadmap li.ongoing:before {
+  content: "\01F6A7";
+  font-size:2rem;
+  padding-right: 2%;
+  vertical-align: middle;
+  line-height: 1.6;
+}
+
+.roadmap li.upcoming:before {
+  content: "\01F9ED";
+  font-size:2rem;
+  padding-right: 2%;
+  vertical-align: middle;
+  line-height: 1.6;
 }
 
 .roadmap .tabPanel-content span, .roadmap .ms-completed, .roadmap .ms-upcoming {
@@ -3458,10 +3469,6 @@ footer {
   z-index: 5;
 }
 
-.roadmap span:first-child {
-  margin-top: 0;
-}
-
 .roadmap .tabPanel-content .row {
     margin-bottom: 1.5rem;
 }
@@ -3470,17 +3477,6 @@ footer {
     margin-bottom: 0;
 }
 
-.pre-roadmap li {
-  width: 1rem;
-  height: 1rem;
-  text-align: center;
-  border-radius: 1rem;
-  margin: 0 1rem;
-  display: inline-block;
-  color: white;
-  position: relative;
-}
-
 .tabPanel-widget {
   position: relative;
 }
diff --git a/resources/roadmap/index.md b/resources/roadmap/index.md
index 57276162d892fe92a7bae9f776ce8b72816f8cc2..9a3f26b7e879770ee08e83a61c33498ce9a51ae6 100644
--- a/resources/roadmap/index.md
+++ b/resources/roadmap/index.md
@@ -27,175 +27,116 @@ permalink: /resources/roadmap/index.html
                     <h2>2014-2015</h2>
                     <div class="tabPanel-content">
                         <h2>2014</h2>
-                        {% for toplevel in site.data.lang[site.lang].roadmap %}    
-                            {% if toplevel.year == 2014 %}
-                                {% for roadlist in toplevel.accomplishments %}
-                                    <div class="row start-xs middle-xs">
-                                        <div class="col-xs-1">
-                                            <span class="{{roadlist.status}}"></span>
-                                        </div>
-                                        <div class="col-xs-11">
-                                            <p>{{roadlist.date}}: {{roadlist.name}}</p>
-                                        </div>
-                                    </div>
-                                {%endfor%}
-                            {%endif%}
-                        {%endfor%}
+                            <ul>
+                                {% for roadmap in site.data.lang[site.lang].roadmap.year_2014 %}
+                                    <h3 id="months">{{ roadmap.month }}</h3>
+                                    {% for item in roadmap.completed %}
+                                        <li class="completed">{{ item.name }}</li>
+                                    {% endfor %}
+                                {% endfor %}
+                            </ul>
                         <h2>2015</h2>
-                        {% for toplevel in site.data.lang[site.lang].roadmap %}
-                            {% if toplevel.year == 2015 %}
-                                {% for roadlist in toplevel.accomplishments %}
-                                    <div class="row start-xs middle-xs">
-                                        <div class="col-xs-1">
-                                            <span class="{{roadlist.status}}"></span>
-                                        </div>
-                                        <div class="col-xs-11">
-                                            <p>{{roadlist.date}}: {{roadlist.name}}</p>
-                                        </div>
-                                    </div>
-                                {%endfor%}
-                            {%endif%}
-                        {%endfor%}
+                            <ul>
+                                {% for roadmap in site.data.lang[site.lang].roadmap.year_2015 %}
+                                    <h3 id="months">{{ roadmap.month }}</h3>
+                                    {% for item in roadmap.completed %}
+                                        <li class="completed">{{ item.name }}</li>
+                                    {% endfor %}
+                                {% endfor %}
+                            </ul>
                     </div>
                     <label for="tab-2" tabindex="0"></label>
                     <input id="tab-2" type="radio" name="tabs" aria-hidden="true">
                     <h2>2016</h2>
                     <div class="tabPanel-content">
                         <h2>2016</h2>
-                        {% for toplevel in site.data.lang[site.lang].roadmap %}
-                            {% if toplevel.year == 2016 %}
-                                {% for roadlist in toplevel.accomplishments %}
-                                    <div class="row start-xs middle-xs">
-                                        <div class="col-xs-1">
-                                            <span class="{{roadlist.status}}"></span>
-                                        </div>
-                                        <div class="col-xs-11">
-                                            <p>{{roadlist.date}}: {{roadlist.name}}</p>
-                                        </div>
-                                    </div>
-                                {%endfor%}
-                            {%endif%}
-                        {%endfor%}
+                            <ul>
+                                {% for roadmap in site.data.lang[site.lang].roadmap.year_2016 %}
+                                    <h3 id="months">{{ roadmap.month }}</h3>
+                                    {% for item in roadmap.completed %}
+                                        <li class="completed">{{ item.name }}</li>
+                                    {% endfor %}
+                                {% endfor %}
+                            </ul>
                     </div>
                     <label for="tab-3" tabindex="0"></label>
                     <input id="tab-3" type="radio" name="tabs" aria-hidden="true">
                     <h2>2017</h2>
                     <div class="tabPanel-content">
                         <h2>2017</h2>
-                        {% for toplevel in site.data.lang[site.lang].roadmap %}
-                            {% if toplevel.year == 2017 %}
-                                {% for roadlist in toplevel.accomplishments %}
-                                    <div class="row start-xs middle-xs">
-                                        <div class="col-xs-1">
-                                            <span class="{{roadlist.status}}"></span>
-                                        </div>
-                                        <div class="col-xs-11">
-                                            {% if roadlist.date %}
-                                                <p>{{roadlist.date}}: {{roadlist.name}}</p>
-                                            {%else%}
-                                                <p>{{roadlist.name}}</p>
-                                            {%endif%}
-                                        </div>
-                                    </div>
-                                {%endfor%}
-                            {%endif%}
-                        {%endfor%}
+                            <ul>
+                                {% for roadmap in site.data.lang[site.lang].roadmap.year_2017 %}
+                                    <h3 id="months">{{ roadmap.month }}</h3>
+                                    {% for item in roadmap.completed %}
+                                        <li class="completed">{{ item.name }}</li>
+                                    {% endfor %}
+                                {% endfor %}
+                            </ul>
                     </div>
                     <label for="tab-4" tabindex="0"></label>
                     <input id="tab-4" type="radio" name="tabs" aria-hidden="true">
                     <h2>2018</h2>
                     <div class="tabPanel-content">
                         <h2>2018</h2>
-                        {% for toplevel in site.data.lang[site.lang].roadmap %}
-                            {% if toplevel.year == 2018 %}
-                                {% for roadlist in toplevel.accomplishments %}
-                                    <div class="row start-xs middle-xs">
-                                        <div class="col-xs-1">
-                                            <span class="{{roadlist.status}}"></span>
-                                        </div>
-                                        <div class="col-xs-11">
-                                            {% if roadlist.date %}
-                                                <p>{{roadlist.date}}: {{roadlist.name}}</p>
-                                            {%else%}
-                                                <p>{{roadlist.name}}</p>
-                                            {%endif%}
-                                        </div>
-                                    </div>
-                                {%endfor%}
-                            {%endif%}
-                        {%endfor%}
+                            <ul>
+                                {% for roadmap in site.data.lang[site.lang].roadmap.year_2018 %}
+                                    <h3 id="months">{{ roadmap.month }}</h3>
+                                    {% for item in roadmap.completed %}
+                                        <li class="completed">{{ item.name }}</li>
+                                    {% endfor %}
+                                {% endfor %}
+                            </ul>
                     </div>
                     <label for="tab-5" tabindex="0"></label>
                     <input id="tab-5" type="radio" name="tabs" aria-hidden="true">
                     <h2>2019</h2>
                     <div class="tabPanel-content">
                         <h2>2019</h2>
-                        {% for toplevel in site.data.lang[site.lang].roadmap %}
-                            {% if toplevel.year == 2019 %}
-                                {% for roadlist in toplevel.accomplishments %}
-                                    <div class="row start-xs middle-xs">
-                                        <div class="col-xs-1">
-                                            <span class="{{roadlist.status}}"></span>
-                                        </div>
-                                        <div class="col-xs-11">
-                                            {% if roadlist.date %}
-                                                <p>{{roadlist.date}}: {{roadlist.name}}</p>
-                                            {%else%}
-                                                <p>{{roadlist.name}}</p>
-                                            {%endif%}
-                                        </div>
-                                    </div>
-                                {%endfor%}
-                            {%endif%}
-                        {%endfor%}
+                            <ul>
+                                {% for roadmap in site.data.lang[site.lang].roadmap.year_2019 %}
+                                    <h3 id="months">{{ roadmap.month }}</h3>
+                                    {% for item in roadmap.completed %}
+                                        <li class="completed">{{ item.name }}</li>
+                                    {% endfor %}
+                                {% endfor %}
+                            </ul>
                     </div>
                     <label for="tab-6" tabindex="0"></label>
                     <input id="tab-6" type="radio" name="tabs" aria-hidden="true" checked>
                     <h2>2020</h2>
                     <div class="tabPanel-content">
                         <h2>2020</h2>
-                        {% for toplevel in site.data.lang[site.lang].roadmap %}
-                            {% if toplevel.year == 2020 %}
-                                {% for roadlist in toplevel.accomplishments %}
-                                    <div class="row start-xs middle-xs">
-                                        <div class="col-xs-1">
-                                            <span class="{{roadlist.status}}"></span>
-                                        </div>
-                                        <div class="col-xs-11">
-                                            {% if roadlist.date %}
-                                                <p>{{roadlist.date}}: {{roadlist.name}}</p>
-                                            {%else%}
-                                                <p>{{roadlist.name}}</p>
-                                            {%endif%}
-                                        </div>
-                                    </div>
-                                {%endfor%}
-                            {%endif%}
-                        {%endfor%}
+                            <ul>
+                                {% for roadmap in site.data.lang[site.lang].roadmap.year_2020 %}
+                                    <h3 id="months">{{ roadmap.month }}</h3>
+                                    {% for item in roadmap.completed %}
+                                        <li class="completed">{{ item.name }}</li>
+                                    {% endfor %}
+                                    {% for item in roadmap.ongoing %}
+                                        <li class="ongoing">{{ item.name }}</li>
+                                    {% endfor %}
+                                    {% for item in roadmap.upcoming %}
+                                        <li class="upcoming">{{ item.name }}</li>
+                                    {% endfor %}
+                                {% endfor %}
+                            </ul>
                     </div>
                     <label for="tab-7" tabindex="0"></label>
                     <input id="tab-7" type="radio" name="tabs" aria-hidden="true">
                     <h2>{% t roadmap.future %}</h2>
                     <div class="tabPanel-content">
                         <h2>{% t roadmap.future %}</h2>
-                        {% for toplevel in site.data.lang[site.lang].roadmap %}
-                            {% if toplevel.year == "future" %}
-                                {% for roadlist in toplevel.accomplishments %}
-                                    <div class="row start-xs middle-xs">
-                                        <div class="col-xs-1">
-                                            <span class="{{roadlist.status}}"></span>
-                                        </div>
-                                        <div class="col-xs-11">
-                                            {% if roadlist.date %}
-                                                <p>{{roadlist.date}}: {{roadlist.name}}</p>
-                                            {%else%}
-                                                <p>{{roadlist.name}}</p>
-                                            {%endif%}
-                                        </div>
-                                    </div>
-                                {%endfor%}
-                            {%endif%}
-                        {%endfor%}
+                            <ul>
+                                {% for roadmap in site.data.lang[site.lang].roadmap.future %}
+                                    <h3 id="months">{{ roadmap.month }}</h3>
+                                    {% for item in roadmap.ongoing %}
+                                        <li class="ongoing">{{ item.name }}</li>
+                                    {% endfor %}
+                                    {% for item in roadmap.upcoming %}
+                                        <li class="upcoming">{{ item.name }}</li>
+                                    {% endfor %}
+                                {% endfor %}
+                            </ul>
                     </div>
                 </div>
             </div>