This is a live demo which uses content from Atlassian Market place status page
APIs
Operational
Bitbucket Cloud APIs
Operational
Confluence Cloud APIs
Operational
Jira Cloud APIs
Operational
Product Events
?
Operational
User APIs
Operational
Webhooks
Operational
Web Triggers
Operational
Developer
Operational
App Deployment
Operational
Artifactory (Maven repository)
?
Operational
Create and manage apps
?
Operational
Developer documentation
?
Operational
Forge App Installation
?
Operational
Forge CDN (Custom UI)
?
Operational
Forge Function Invocation
Operational
aui-cdn.atlassian.com
?
Operational
Forge App Logs
?
Operational
Forge App Monitoring
?
Operational
Developer console
?
Operational
Forge direct app distribution
?
Operational
Hosted storage
?
Operational
Forge CLI
Operational
End-user consent
?
Operational
Forge App Alerts
?
Operational
Marketplace
?
Operational
App listing management
?
Operational
App listings
?
Operational
App pricing
?
Operational
App submissions
Operational
Category landing pages
Operational
Evaluations and purchases
Operational
In-product Marketplace and app installation (Cloud)
?
Operational
In-product Marketplace and app installation (Server)
?
Operational
Notifications
?
Operational
Private listings
Operational
Reporting APIs and dashboards
?
Operational
Search
Operational
Vendor management
Operational
Vendor Home Page
Operational
Authentication and user management
Operational
Support
Operational
Atlassian Support contact form
Operational
Developer community
?
Operational
Developer service desk
?
Operational
Marketplace service desk
?
Operational
Atlassian Support
Operational
Vulnerability management [AMS]
Operational
It uses a bit of a custom CSS and the configuration on the page looks like this:
It all starts with Configuration definition and that looks like this:
You can see it is very simple, no authentication is used and we just read the whole page from http://status.marketplace.atlassian.com/
Then we do some "magic" with selectors to select only the bits we are interested in
And the selector for ConfiDoc Excerpt macro looks like this
div class="components-container one-column"
We just take in the contents from this "DIV" element
This is how the ConfiDoc Excerpt macro looks like in the config mode
With a bit of custom CSS we can make it more readable on our page (see live example on top of the page)