diff --git a/kibicara-frontend/src/app/dashboard/board/hoodpage/hoodpage.component.html b/kibicara-frontend/src/app/dashboard/board/hoodpage/hoodpage.component.html index 7553ea6..5acf7d2 100644 --- a/kibicara-frontend/src/app/dashboard/board/hoodpage/hoodpage.component.html +++ b/kibicara-frontend/src/app/dashboard/board/hoodpage/hoodpage.component.html @@ -9,17 +9,48 @@

- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis - malesuada orci justo, id cursus orci bibendum ac. Nulla ut sapien a - dolor sodales facilisis at ac lacus. Nam nulla felis, malesuada id - pharetra varius, congue luctus magna. Duis et tellus pretium, euismod - ipsum nec, fringilla orci. Sed dapibus at velit id posuere. Aenean at - nunc sed arcu malesuada dapibus. Nunc quis rutrum diam. Morbi placerat - diam sit amet tincidunt hendrerit. Cras viverra, tortor sed congue - congue, dui ante lobortis purus, quis elementum tortor nulla vel mi. - Etiam nec leo consectetur lorem fringilla commodo. Duis lectus est, - vulputate sit amet ipsum eget, efficitur condimentum diam. Duis eget - quam est. Ut et semper turpis. Aliquam eget fermentum sem. + The public hood page is an customizable site you can use to tell hood + users about the hood, how to use it and give other context. You can + send the link to the public hood page to advertise for your hood. The + public hood page will automatically include your configured platforms + and direct the users on how to subscribe on their beloved platform. +

+

+ Link to your hood page: + + open_in_new + +

+

+ Configuring your hood page: Below there are two + boxes. You can use the + + left box to type in the text you want to appear on your + hoodpage. You can preview your text in the right box. +

+

+ Use Markdown to format your text: You can use the + markdown syntax to insert headings, bold text, italic text and so on. + A + tutorial for the basic syntax can be found here. Just play around and use the preview to check your style. When you + are satisfied, click the Save-Button to save your + input and review your public hood page. +

+

+ Share the hood page: Just send the link to your hood + page to your community. We also recommend to link it in your platform + account description (e.g. Twitter description) to give the users + context and more information.

diff --git a/kibicara-frontend/src/app/dashboard/board/hoodpage/hoodpage.component.ts b/kibicara-frontend/src/app/dashboard/board/hoodpage/hoodpage.component.ts index cfcd81e..0f4887f 100644 --- a/kibicara-frontend/src/app/dashboard/board/hoodpage/hoodpage.component.ts +++ b/kibicara-frontend/src/app/dashboard/board/hoodpage/hoodpage.component.ts @@ -15,7 +15,18 @@ export class HoodpageComponent implements OnInit { constructor(private hoodsService: HoodsService) {} - markdown = `# TODO Hoodpage`; + markdown = `## Welcome to the hood! + + We are a community in xyz-city that supports each other. + Here you can find all platforms where you can communicate + to members of communities and announce neighborhood festivals, + ask your neighbors for help or just make contact. + + You only need one of the plaforms below. + Subscribe to this hood as described. If you want to broadcast a message just + tweet/direct message/mail to the subscribed platform as you know it and the + bots will distribute your message to all subscribers on other platforms. + `; ngOnInit(): void { this.hoodsService.getHood(this.hoodId).subscribe((hood) => {