Merge PR #206, #208, #212, and #214 into main (#218)

* Fixed typos and markdown (#199)

Co-authored-by: Alex Ruttkowski

* Replace announcement with Cardano Stack Exchange (#200)

* Add Pigy Token to the Showcase (#128)

* Add Image for Pigytoken Project

* Add Project Pigy Token

* Delete pigytokenproject.png

* Change Pigytoken Projekt Image

* Update Showcase.js

Fix typo

Co-authored-by: Tommy

* staging Add tokhun.io project (#205)

Co-authored-by: Latheesan Kanesamoorthy

* Request to add Politikoz to the ShowCase (#206)

* Add files via upload

Adding Politikoz.png

* Update showcases.js

Adding Politikoz Project, The Cardano On-chain Lottery Game!

Co-authored-by: Tommy

* added H.Y.P.E. Skulls entry to showcases (#208)

* added H.Y.P.E. Skulls entry to showcases

* removed "tokens" tag for H.Y.P.E. Skulls showcase entry

* Add tag/category feature for builder tools (#212)

* Migrate builder tool to make use of the showcase components
Add some categories
Autosorting and new error checking like in showcase

* Extend the showcase component so that it can also be used for the get started pages for builder tools

* Force "get started"-pages for operator tools into the stake pool operator section

* Add CNTools as great example for operator tools category

* Fix fixmes

* Update CONTRIBUTING.md

* Update builder-tools.js

* Update builder-tools.js

Co-authored-by: Alexander Klee

* simple update. making sure build and test statuses are accurate for developers (#214)

Co-authored-by: Alex Ruttkowski 
Co-authored-by: Gregor 
Co-authored-by: Tokhun.io 
Co-authored-by: Thiago Senechal
Co-authored-by: Perkins Jon Ong 
Co-authored-by: Kyle Johns

CONTRIBUTING.md

@@ -20,33 +20,26 @@ Make yourself familiar with the [Project Structure](https://developers.cardano.o
 
 We try to keep everything as simple as possible, but not simpler. If you see something that could be improved you are encouraged to raise an issue wherein you propose your changes and explain the rationale.
 
-## Showcase
+## Project Showcase
 
 The project showcase should be a place where someone new to the ecosystem can come to see what can be done - it should not be seen as a database where every project is promoted.
 
-### Requirements for adding your project
+### Adding your own project
 
-* It must be built on Cardano and have a real use case. For example, a forum where people can talk about Cardano is great, but nothing for this showcase section.
-* It has to run on Cardano mainnet.
-* It has to have a running product. (no presale, no protected pages, no coming soon messages)
-* It has to have enough community reputation. @TODO how to measure this?
-* It has to provide a unique value from existing showcase items. (we can't list thousands of NFT or native tokens with the current UI)
-* It has to have a stable domain name. (a random Netlify/Vercel domain is not allowed, no URL shortener, no app store links, or similar)
-* The GitHub account that adds the project must not be new. 
-* The GitHub account must have a history/or already be known in the Cardano community.
-
-### Instructions to add your project
-
-1. Add your project in the JSON array in the [src/data/showcases.js](https://github.com/cardano-foundation/developer-portal/edit/staging/src/data/showcases.js)
-2. Add a description for your project that **describes what your project does**. Read more about descriptions [below](#a-word-about-project-descriptions]
-3. Add a local image preview. (decent screenshot or logo of your project)
-4. The image must be added to the GitHub repository and use `require("image")`. 
-5. [Create a pull request](https://docs.github.com/en/github/collaborating-with-pull-requests/proposing-changes-to-your-work-with-pull-requests/creating-a-pull-request) for the `staging` branch.
+Read the **requirements** and follow the **instructions** in the header of the [src/data/showcases.js](https://github.com/cardano-foundation/developer-portal/edit/staging/src/data/showcases.js) file
 
 #### A word about project descriptions
 
 Descriptions help users find a project they are interested in and decide whether to visit the links you provided. Use relevant keywords and describe what your project is all about or that it does. Don't include claims in your description like *the **best** wallet*, *the **first** ABC* or *the **only** XYZ*. We will ask you to change the description in your pull request before merging. @TODO rationale?
 
+## Builder Tools 
+
+This section features tools that help developers build on Cardano.
+
+### Adding your own tool
+
+Read the **requirements** and follow the **instructions** in the header of the [src/data/builder-tools.js](https://github.com/cardano-foundation/developer-portal/edit/staging/src/data/builder-tools.js) file.
+
 ## Pull Requests
 
 To maintain the quality of content on the developer portal we use pull requests to integrate changes from contributors. 

docs/get-started/cardanosharp-wallet.md

@@ -7,7 +7,7 @@ image: ./img/og-developer-portal.png
 --- 
 
 # CardanoSharp.Wallet 
-[![Build status](https://ci.appveyor.com/api/projects/status/knh87k86mf7gbxyo?svg=true)](https://ci.appveyor.com/project/nothingalike/cardanosharp-wallet) [![Test status](https://img.shields.io/appveyor/tests/nothingalike/cardanosharp-wallet)](https://ci.appveyor.com/project/nothingalike/cardanosharp-wallet) [![NuGet Version](https://img.shields.io/nuget/v/CardanoSharp.Wallet.svg?style=flat)](https://www.nuget.org/packages/CardanoSharp.Wallet/) ![NuGet Downloads](https://img.shields.io/nuget/dt/CardanoSharp.Wallet.svg)
+[![Build status](https://ci.appveyor.com/api/projects/status/knh87k86mf7gbxyo?svg=true)](https://ci.appveyor.com/project/nothingalike/cardanosharp-wallet/branch/main) [![Test status](https://img.shields.io/appveyor/tests/nothingalike/cardanosharp-wallet)](https://ci.appveyor.com/project/nothingalike/cardanosharp-wallet/branch/main) [![NuGet Version](https://img.shields.io/nuget/v/CardanoSharp.Wallet.svg?style=flat)](https://www.nuget.org/packages/CardanoSharp.Wallet/) ![NuGet Downloads](https://img.shields.io/nuget/dt/CardanoSharp.Wallet.svg)
 
 CardanoSharp Wallet is a .NET library for Creating/Managing Wallets and Building/Signing Transactions.
 

src/components/showcase/ShowcaseCard/components/ShowcaseFooter.js

@@ -1,10 +1,11 @@
 import React from 'react'
 import Button from './Button';
 
-const ShowcaseFooter = ({website,source}) => {
+const ShowcaseFooter = ({getstarted,website,source}) => {
   return (
     <div className="card__footer">
     <div className="button-group button-group--block">
+      {getstarted && <Button text="Get Started" hrefValue={getstarted}/>}
       {website && <Button text="Website" hrefValue={website} />}
       {source && <Button text="Source" hrefValue={source}/>}
     </div>

src/components/showcase/ShowcaseCard/index.js

@@ -16,7 +16,7 @@ import ShowcaseBody from "./components/ShowcaseBody";
 
 
 const ShowcaseCard = memo(function ({ showcase }) {
-  const showFooter = showcase.website || showcase.source
+  const showFooter = showcase.getstarted || showcase.website || showcase.source
   return (
     <div key={showcase.title} className="col col--4 margin-bottom--lg">
       <div className={clsx("card", styles.showcaseCard)}>