feat: what's DeckDeckGo instead of popular

Author: peterpeterparker

studio/src/app/components/feed/app-popular/app-popular.scss

@@ -0,0 +1,5 @@
+app-popular {
+  ion-card[class*="sc-ion-card"] {
+    --background: white;
+  }
+}

studio/src/app/components/feed/app-popular/app-popular.tsx

@@ -7,29 +7,23 @@ import {Component} from '@stencil/core';
 })
 export class AppPopular {
 
+    // TODO: For the time being, display what's DeckDeckGo. In the future present dynamic content, like the popular or trending presentations
+
     render() {
         return [
-            <h1 padding>Popular</h1>,
+            <h1 padding>What the heck is DeckDeckGo?</h1>,
             <ion-card>
-                <ion-item href="#" class="activated">
-                    <ion-icon name="wifi" slot="start"></ion-icon>
-                    <ion-label>Card Link Item 1 .activated</ion-label>
-                </ion-item>
-
-                <ion-item href="#">
-                    <ion-icon name="wine" slot="start"></ion-icon>
-                    <ion-label>Card Link Item 2</ion-label>
-                </ion-item>
-
-                <ion-item class="activated">
-                    <ion-icon name="warning" slot="start"></ion-icon>
-                    <ion-label>Card Button Item 1 .activated</ion-label>
-                </ion-item>
-
-                <ion-item>
-                    <ion-icon name="walk" slot="start"></ion-icon>
-                    <ion-label>Card Button Item 2</ion-label>
-                </ion-item>
+                <ion-card-content>
+                    <p>DeckDeckGo aims to be the <strong>open source</strong> editor for <strong>PWA presentations</strong>.</p>
+
+                    <p padding-top>What does that mean 🤔?</p>
+
+                    <p padding-top>It means that every presentations you write, present and publish with DeckDeckGo are themselves also <strong>apps</strong> for desktop and mobile 🤪</p>
+
+                    <p padding-top>DeckDeckGo aims to be an online community for sharing presentations, slides and talks about your interests and ideas too.</p>
+
+                    <p padding-top><strong>Edit anywhere, display everywhere</strong></p>
+                </ion-card-content>
             </ion-card>
 
         ];

studio/src/app/pages/core/about/app-about/app-about.tsx

@@ -16,7 +16,13 @@ export class AppAbout {
 
                     <h3 padding-top>Edit anywhere, display everywhere</h3>
 
-                    <p padding-top>DeckDeckGo aims to be the open source editor for PWA presentations. It's also an online community for sharing presentations, slides and talks about your interests and ideas. It has for goal to be simple and therefore hopefully to be usable by anyone.</p>
+                    <p padding-top>DeckDeckGo aims to be the open source editor for PWA presentations.</p>
+
+                    <p>What does that mean 🤔? It means that every presentations you write, present and publish with DeckDeckGo are themselves also <strong>apps</strong> for desktop and mobile 🤪</p>
+
+                    <p>DeckDeckGo aims to be an online community for sharing presentations, slides and talks about your interests and ideas too.</p>
+
+                    <p>It has for goal to be simple and therefore hopefully to be usable by anyone.</p>
 
                     <h1 class="ion-text-center ion-padding-top">Team</h1>