feat: add contact

Author: peterpeterparker

studio/src/app/app-root.tsx

@@ -19,6 +19,7 @@ export class AppRoot {
                     <ion-route url="/opensource" component="app-opensource"/>
                     <ion-route url="/privacy" component="app-privacy"/>
                     <ion-route url="/terms" component="app-terms"/>
+                    <ion-route url="/contact" component="app-contact"/>
                 </ion-router>
 
                 <ion-split-pane when="lg">

studio/src/app/pages/about/app-contact/app-contact.scss

@@ -0,0 +1,5 @@
+app-contact {
+  main {
+    background: white;
+  }
+}

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

@@ -0,0 +1,30 @@
+import {Component} from '@stencil/core';
+
+@Component({
+    tag: 'app-contact',
+    styleUrl: 'app-contact.scss'
+})
+export class AppAbout {
+
+    render() {
+        return [
+            <app-navigation presentation={true}></app-navigation>,
+            <ion-content padding>
+
+                <main padding>
+                    <h1>Contact</h1>
+
+                    <p>We would love to hear from you, ping us 😃</p>
+
+                    <p>Email: <a href="mailto:[email protected]">[email protected]</a></p>
+
+                    <p>Twitter: <a href="https://twitter.com/deckdeckgo">@deckdeckgo</a></p>
+
+                    <p>And for feature requests, issues or even better Pull Requests, find us on <a href="https://github.com/deckgo/deckdeckgo">GitHub</a></p>
+                </main>
+            </ion-content>
+        ];
+    }
+
+}
+

studio/src/components.d.ts

@@ -73,6 +73,9 @@ export namespace Components {
   interface AppAbout {}
   interface AppAboutAttributes extends StencilHTMLAttributes {}
 
+  interface AppContact {}
+  interface AppContactAttributes extends StencilHTMLAttributes {}
+
   interface AppOpensource {}
   interface AppOpensourceAttributes extends StencilHTMLAttributes {}
 
@@ -111,6 +114,7 @@ declare global {
     'AppPopular': Components.AppPopular;
     'AppSlideNavigate': Components.AppSlideNavigate;
     'AppAbout': Components.AppAbout;
+    'AppContact': Components.AppContact;
     'AppOpensource': Components.AppOpensource;
     'AppPrivacy': Components.AppPrivacy;
     'AppTerms': Components.AppTerms;
@@ -131,6 +135,7 @@ declare global {
     'app-popular': Components.AppPopularAttributes;
     'app-slide-navigate': Components.AppSlideNavigateAttributes;
     'app-about': Components.AppAboutAttributes;
+    'app-contact': Components.AppContactAttributes;
     'app-opensource': Components.AppOpensourceAttributes;
     'app-privacy': Components.AppPrivacyAttributes;
     'app-terms': Components.AppTermsAttributes;
@@ -201,6 +206,12 @@ declare global {
     new (): HTMLAppAboutElement;
   };
 
+  interface HTMLAppContactElement extends Components.AppContact, HTMLStencilElement {}
+  var HTMLAppContactElement: {
+    prototype: HTMLAppContactElement;
+    new (): HTMLAppContactElement;
+  };
+
   interface HTMLAppOpensourceElement extends Components.AppOpensource, HTMLStencilElement {}
   var HTMLAppOpensourceElement: {
     prototype: HTMLAppOpensourceElement;
@@ -254,6 +265,7 @@ declare global {
     'app-popular': HTMLAppPopularElement
     'app-slide-navigate': HTMLAppSlideNavigateElement
     'app-about': HTMLAppAboutElement
+    'app-contact': HTMLAppContactElement
     'app-opensource': HTMLAppOpensourceElement
     'app-privacy': HTMLAppPrivacyElement
     'app-terms': HTMLAppTermsElement
@@ -274,6 +286,7 @@ declare global {
     'app-popular': HTMLAppPopularElement;
     'app-slide-navigate': HTMLAppSlideNavigateElement;
     'app-about': HTMLAppAboutElement;
+    'app-contact': HTMLAppContactElement;
     'app-opensource': HTMLAppOpensourceElement;
     'app-privacy': HTMLAppPrivacyElement;
     'app-terms': HTMLAppTermsElement;