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 { Or{' '} - + click here {' '} to open it. diff --git a/studio/src/app/components/feed/app-feed/app-feed.tsx b/studio/src/app/components/feed/app-feed/app-feed.tsx index 087c061a9..eefa31a34 100644 --- a/studio/src/app/components/feed/app-feed/app-feed.tsx +++ b/studio/src/app/components/feed/app-feed/app-feed.tsx @@ -127,7 +127,7 @@ export class AppFeed { if (feedStore.state.decks && feedStore.state.decks.length > 0) { return feedStore.state.decks.map((deck: Deck, i: number) => { return ( - + 0} deck={deck}> ); diff --git a/studio/src/app/components/feed/app-popular/app-popular.tsx b/studio/src/app/components/feed/app-popular/app-popular.tsx index 4c56fdf3b..cec7f7c99 100644 --- a/studio/src/app/components/feed/app-popular/app-popular.tsx +++ b/studio/src/app/components/feed/app-popular/app-popular.tsx @@ -3,7 +3,7 @@ import {Component, h, Prop, Host} from '@stencil/core'; @Component({ tag: 'app-popular', styleUrl: 'app-popular.scss', - shadow: false + shadow: false, }) export class AppPopular { @Prop() @@ -43,7 +43,7 @@ export class AppPopular { your interests and ideas.

- + , ]; } else { return undefined; @@ -62,15 +62,24 @@ export class AppPopular { Send us your feedback and ideas on{' '} + target="_blank" + rel="noopener noreferrer"> Slack - , via email or on Twitter. + , via{' '} + + email + {' '} + or on{' '} + + Twitter + + .

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  - - Github + + Github

diff --git a/studio/src/app/pages/core/about/app-services/app-services.tsx b/studio/src/app/pages/core/about/app-services/app-services.tsx index 56165d49b..0a7707da2 100644 --- a/studio/src/app/pages/core/about/app-services/app-services.tsx +++ b/studio/src/app/pages/core/about/app-services/app-services.tsx @@ -2,7 +2,7 @@ import {Component, h} from '@stencil/core'; @Component({ tag: 'app-services', - styleUrl: 'app-services.scss' + styleUrl: 'app-services.scss', }) export class AppAbout { render() { @@ -13,47 +13,87 @@ export class AppAbout {

Services

- 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.

Amazon

- 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.

Google

- 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).

Tenor 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. + 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 + + .

Font Awesome

- 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.

Mailchimp

- 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 + + .

this.closePopover()}>