diff --git a/studio/src/app/components/core/app-footer/app-footer.tsx b/studio/src/app/components/core/app-footer/app-footer.tsx index 8a187c048..b8e8f7e26 100644 --- a/studio/src/app/components/core/app-footer/app-footer.tsx +++ b/studio/src/app/components/core/app-footer/app-footer.tsx @@ -3,7 +3,7 @@ import {Component, h, Prop} from '@stencil/core'; @Component({ tag: 'app-footer', styleUrl: 'app-footer.scss', - shadow: false + shadow: false, }) export class AppFooter { @Prop() @@ -81,13 +81,15 @@ export class AppFooter {
diff --git a/studio/src/app/components/editor/publish/app-publish-done/app-publish-done.tsx b/studio/src/app/components/editor/publish/app-publish-done/app-publish-done.tsx index 911ac057b..ae89b0162 100644 --- a/studio/src/app/components/editor/publish/app-publish-done/app-publish-done.tsx +++ b/studio/src/app/components/editor/publish/app-publish-done/app-publish-done.tsx @@ -2,7 +2,7 @@ import {Component, Element, Event, EventEmitter, h, Prop, State} from '@stencil/ @Component({ tag: 'app-publish-done', - styleUrl: 'app-publish-done.scss' + styleUrl: 'app-publish-done.scss', }) export class AppPublishDone { @Element() el: HTMLElement; @@ -35,7 +35,7 @@ export class AppPublishDone {You are awesome!
- + , ]; } else { return undefined; diff --git a/studio/src/app/modals/editor/app-playground/app-playground.tsx b/studio/src/app/modals/editor/app-playground/app-playground.tsx index e5ea36f7a..f0f93ed3a 100644 --- a/studio/src/app/modals/editor/app-playground/app-playground.tsx +++ b/studio/src/app/modals/editor/app-playground/app-playground.tsx @@ -125,8 +125,8 @@ export class AppPlayground {- Embed your best Codepen, JSFiddle or WebComponents.dev. All you need is to enter their full links. Check out this{' '} - + Embed your best CodePen, JSFiddle or WebComponents.dev. All you need is to enter their full links. Check out this{' '} + YouTube video {' '} for a quick tutorial. diff --git a/studio/src/app/pages/core/about/app-contact/app-contact.tsx b/studio/src/app/pages/core/about/app-contact/app-contact.tsx index e4520c7d8..b035b9950 100644 --- a/studio/src/app/pages/core/about/app-contact/app-contact.tsx +++ b/studio/src/app/pages/core/about/app-contact/app-contact.tsx @@ -2,7 +2,7 @@ import {Component, h} from '@stencil/core'; @Component({ tag: 'app-contact', - styleUrl: 'app-contact.scss' + styleUrl: 'app-contact.scss', }) export class AppAbout { render() { @@ -15,16 +15,24 @@ export class AppAbout {
We would love to hear from you, ping us š
- Email: hello@deckdeckgo.com + Email:{' '} + + hello@deckdeckgo.com +
- Twitter: @deckdeckgo + Twitter:{' '} + + @deckdeckgo +
Or join us on our dedicated{' '} - + Slack {' '} channel @@ -32,10 +40,12 @@ export class AppAbout {
If you would like to contribute, that would be really awesome! For feature requests, issues or even better Pull Requests, find us on{' '} - GitHub + + GitHub +
- + , ]; } } diff --git a/studio/src/app/pages/core/about/app-faq/app-faq.tsx b/studio/src/app/pages/core/about/app-faq/app-faq.tsx index ef7143abc..521743557 100644 --- a/studio/src/app/pages/core/about/app-faq/app-faq.tsx +++ b/studio/src/app/pages/core/about/app-faq/app-faq.tsx @@ -2,7 +2,7 @@ import {Component, h} from '@stencil/core'; @Component({ tag: 'app-faq', - styleUrl: 'app-faq.scss' + styleUrl: 'app-faq.scss', }) export class AppFaq { render() { @@ -21,7 +21,7 @@ export class AppFaq {Earlier this year (2018) I published an{' '} - + article {' '} to present our project and ourselves, you might find more answers in it if you wish to have a more concrete answer. @@ -85,7 +85,7 @@ export class AppFaq { updated with their online urls. Alternatively, you could also provide a custom url for their content.
- + , ]; } } diff --git a/studio/src/app/pages/core/about/app-opensource/app-opensource.tsx b/studio/src/app/pages/core/about/app-opensource/app-opensource.tsx index 1eb402eb6..7e73b4815 100644 --- a/studio/src/app/pages/core/about/app-opensource/app-opensource.tsx +++ b/studio/src/app/pages/core/about/app-opensource/app-opensource.tsx @@ -29,8 +29,8 @@ export class AppAbout {
The open source code of DeckDeckGo is available on
-
-
- We aim to be transparent, therefore, furthermore than open sourcing our all code on Github, here - are the list of services we are using to provide DeckDeckGo. + We aim to be transparent, therefore, furthermore than open sourcing our all code on{' '} + + Github + + , here are the list of services we are using to provide DeckDeckGo.
- We use AWS Lambda, RDS,{' '} - S3 and SQS to save and publish online the presentations as - Progressive Web Apps. The choice behind this is mostly the fact that we thought that the S3 solution was a good one for our purpose but beside that, - it was also challenging to run Haskell Webapps on AWS Lambda. + We use AWS{' '} + + Lambda + + ,{' '} + + RDS + + ,{' '} + + S3 + {' '} + and{' '} + + SQS + {' '} + to save and publish online the presentations as Progressive Web Apps. The choice behind this is mostly the fact that we thought that the S3 solution + was a good one for our purpose but beside that, it was also challenging to run Haskell Webapps on AWS Lambda.
- We are using Firestore to save your data and the presentations you are editing. We are - also using Google Firebase Hosting and{' '} - Authentication. Both feature are good match to serve and deploy easily Progressive Web - Apps. Their Authentication is also interesting as it provides the social login we were looking for (like Email and Github). + We are using{' '} + + Firestore + {' '} + to save your data and the presentations you are editing. We are also using Google Firebase{' '} + + Hosting + {' '} + and{' '} + + Authentication + + . Both feature are good match to serve and deploy easily Progressive Web Apps. Their Authentication is also interesting as it provides the social + login we were looking for (like email and GitHub).
- To provide a user friendly gifs and stock photos integration we have integrated the APIs provided by Tenor, which - is owned by Google, and Unsplash. + To provide a user friendly gifs and stock photos integration we have integrated the APIs provided by{' '} + + Tenor + + , which is owned by Google, and{' '} + + Unsplash + + .
- The shapes, which could be integrated in your presentation, are free icons provided by Font Awesome. We do not - use any APIs to fetch these respectively we are hosting them. + The shapes, which could be integrated in your presentation, are free icons provided by{' '} + + Font Awesome + + . We do not use any APIs to fetch these respectively we are hosting them.
- In order to send time to time newsletters, mostly when we are releasing new features, we are using Mailchimp. - Upon creating an account users are opted into it but they can opt out through their accountās āSettingsā page and at the link of the footer in any + In order to send time to time newsletters, mostly when we are releasing new features, we are using{' '} + + Mailchimp + + . Upon creating an account users are opted into it but they can opt out through their accountās āSettingsā page and at the link of the footer in any of these non-administrative emails.
@@ -69,7 +109,7 @@ export class AppAbout { . - + , ]; } } diff --git a/studio/src/app/pages/core/about/app-team/app-team.tsx b/studio/src/app/pages/core/about/app-team/app-team.tsx index b365acc93..e3c9c19d7 100644 --- a/studio/src/app/pages/core/about/app-team/app-team.tsx +++ b/studio/src/app/pages/core/about/app-team/app-team.tsx @@ -35,24 +35,24 @@ export class AppTeam { @@ -67,16 +67,16 @@ export class AppTeam {Nicolas … has a bio as soon as he'll send me a PR š
diff --git a/studio/src/app/popovers/editor/app-get-help/app-get-help.tsx b/studio/src/app/popovers/editor/app-get-help/app-get-help.tsx index 6a3170045..cc8e7bd84 100644 --- a/studio/src/app/popovers/editor/app-get-help/app-get-help.tsx +++ b/studio/src/app/popovers/editor/app-get-help/app-get-help.tsx @@ -2,7 +2,7 @@ import {Component, Element, h} from '@stencil/core'; @Component({ tag: 'app-get-help', - styleUrl: 'app-get-help.scss' + styleUrl: 'app-get-help.scss', }) export class AppGetHelp { @Element() el: HTMLElement; @@ -23,7 +23,11 @@ export class AppGetHelp { target="_blank"> Slack - , via email or on Twitter. + , via email or on{' '} + + Twitter + + .