Skip to content

Latest commit

 

History

History
99 lines (71 loc) · 3.37 KB

step5.md

File metadata and controls

99 lines (71 loc) · 3.37 KB
Katapod Quickstart ℹ️ For technical support, please contact us via email.
⬅️ Back Step 5 Next ➡️
More style, fancy stuff

Collapsible blocks

This is the main text. Now a collapsed, expandable block comes:

Click for gauge bosons
  1. Gluon
  2. Photon
  3. W boson
  4. Z boson

You should leave blank lines after the <details ... line and before the </details> line for the markdown to render in the block.

Also don't forget to use the katapod-details class name here.

Tables

Standard Markdown tables are supported:

Spider genus Family
Steatoda Theridiidae
Gibbaranea Araneidae
Heliophanus Salticidae
Eratigena Agelenidae

Images

You can embed images with HTML <img> tags if you want, which will work only with absolute paths (but note the absence of spacing-fixing CSS if you do it this way):

To embed images in the repo itself, use Markdown image syntax, either with a leading slash:

Fishes two

or without:

Fishes three

Links

Markdown links work as expected: example

Note: usually you should warn users to check their popup blocker to make sure the new tab gets opened. This cannot be bypassed since it comes from the Gitpod layer doing its policing.

Lab-specific URLs

Sometimes your Katapod lab runs a service that you later have to reach on a specific port. You can use the special gp url command to get the full URL to the service: for instance, instructions to open a container running Grafana might be:

While generally it would be reached on port 3000 at your monitoring instance's address, within this learning environment you can directly open it in a new browser tab by running the command:

### cqlsh
MONITORING_URL=`gp url 3000`
echo "Opening ${MONITORING_URL} ..."
gp preview --external ${MONITORING_URL}

(Depending on your browser and popup-blocker settings, chances are no tab will open at this point. In that case, simply grab the URL output on your console and manually point a new tab to that address.)

⬅️ Back Next ➡️