About Page Tweak (Completed)

assets/templates/about.html

@@ -8,13 +8,26 @@
 </div>
 
 <br>
+
+<center>
+  <div class="ui info message" style="width: 75%">
+    <i class="close icon"></i>
+    <div class="header">
+      Ether-1 & ethoFS
+    </div>
+    <ul class="list" style="color:black;">
+      Ether-1 (ETHO) is a fork of Ethereum implementing a decentralized hosting platform (ethoFS) using a community-owned node network combining blockchain indexing technology and the IPFS protocol to deliver decentralized content on-demand. EthoFS
+      is a decentralized website hosting platform which utilizes the node network for storage and bandwidth, DDoS protection, censorship-resistance, and reliability. Community-owned nodes share in data hosting revenue generated by the network.
+    </ul>
+  </div>
+</center>
+
 <br>
 
 <center>
   <h2 style="color:white; margin-top: 15px">Buy ETHO</h2>
 </center>
 
-<br>
 <br>
 
 <div class="ui grid container">
@@ -79,14 +92,12 @@
   </div>
 </div>
 
-<br>
 <br>
 
 <center>
   <h2 style="color:white; margin-top: 15px">Ether-1 Links</h2>
 </center>
 
-<br>
 <br>
 
 <div class="ui grid container">
@@ -104,14 +115,12 @@
   </div>
 </div>
 
-<br>
 <br>
 
 <center>
   <h2 style="color:white; margin-top: 15px">Ether-1 Social Media</h2>
 </center>
 
-<br>
 <br>
 
 <div class="ui grid container">
@@ -138,3 +147,11 @@
 </div>
 
 <script href="https://cdn.jsdelivr.net/npm/semantic-ui@2.4.2/dist/semantic.min.js"></script>
+<script>
+  $('.message .close')
+    .on('click', function() {
+      $(this)
+        .closest('.message')
+        .transition('fade');
+    });
+</script>