Skip to content

Commit

Permalink
Update getting_started.md
Browse files Browse the repository at this point in the history
  • Loading branch information
mefrazi2 authored Nov 12, 2024
1 parent 71713ec commit 786f83e
Showing 1 changed file with 9 additions and 62 deletions.
71 changes: 9 additions & 62 deletions content/getting_started.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,74 +3,21 @@ layout: default
title: Getting Started
nav_order: 2
---
1. Sign up for Northwestern ArcOnline account using your NetID and password here: [https://northwestern.maps.arcgis.com/home/index.html](https://northwestern.maps.arcgis.com/home/index.html)
- Make sure you're signed in (you should see your name at the top right corner:
- ![Sign In](img/sign_in.jpg)

2. Click on the the waffle-looking icon next to your name on the home page. Find and select the "ArcGIS StoryMaps" application.
- ![Open StoryMaps](img/open_storymaps.jpg)

3. This is the home page of ArcGIS Story Maps. Let's familiarize ourselves with the layout.
- ![StoryMap Content](img/storymap_content.jpg)

# Step-by-step instruction

__Step-by-step instructions__
```
Step 1
{: .label .label-step}
Do this thing
Sign up for Northwestern ArcOnline account using your NetID and password here: [https://northwestern.maps.arcgis.com/home/index.html](https://northwestern.maps.arcgis.com/home/index.html)
- Make sure you're signed in (you should see your name at the top right corner:
- ![Sign In](img/sign_in.jpg)
{: .step}
Step 2
{: .label .label-step}
Do this other thing
{: .step}
```
Step 1
{: .label .label-step}
Do this thing
Click on the the waffle-looking icon next to your name on the home page. Find and select the "ArcGIS StoryMaps" application.
- ![Open StoryMaps](img/open_storymaps.jpg)
{: .step}

Step 2
Step 3
{: .label .label-step}
Do this other thing
This is the home page of ArcGIS Story Maps. Let's familiarize ourselves with the layout.
- ![StoryMap Content](img/storymap_content.jpg)
{: .step}


__Circled numbers__

This syntax...

```
*1*{: .circle .circle-blue} Number in normal text
```
...will look like this:

*1*{: .circle .circle-blue} Number in normal text

You can also use this in headers, lists and other markdown suported elements, e.g.,

```
* *1*{: .circle .circle-blue} `.circle-blue`
* *2*{: .circle .circle-red} `.circle-red`
* *3*{: .circle .circle-yellow} `.circle-yellow`
* *4*{: .circle .circle-green} `.circle-green`
* *5*{: .circle .circle-purple} `.circle-purple`
## *2*{: .circle .circle-red} Number in h2
### *10*{: .circle .circle-yellow} Number in h3
```

...will look like this:

* *1*{: .circle .circle-blue} `.circle-blue`
* *2*{: .circle .circle-red} `.circle-red`
* *3*{: .circle .circle-yellow} `.circle-yellow`
* *4*{: .circle .circle-green} `.circle-green`
* *5*{: .circle .circle-purple} `.circle-purple`

## *2*{: .circle .circle-red} Number in h2

### *10*{: .circle .circle-yellow} Number in h3

0 comments on commit 786f83e

Please sign in to comment.