generated from EsriDevEvents/ds-2024-repo-template
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
50 lines (46 loc) · 3.24 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
<title>2024 Esri Developer Summit - Designing Apps with Calcite Design System</title>
<!-- Calcite imports -->
<script type="module" src="https://js.arcgis.com/calcite-components/2.13.2/calcite.esm.js"></script>
<link rel="stylesheet" type="text/css" href="https://js.arcgis.com/calcite-components/2.13.2/calcite.css" />
<!-- ArcGIS Maps SDK for JavaScript imports -->
<script src="https://js.arcgis.com/4.30/"></script>
<link id="jsapi-mode-light" rel="stylesheet" href="https://js.arcgis.com/4.30/@arcgis/core/assets/esri/themes/light/main.css" />
<link disabled id="jsapi-mode-dark" rel="stylesheet" href="https://js.arcgis.com/4.30/esri/themes/dark/main.css" />
<script type="module" src="https://js.arcgis.com/map-components/4.30/arcgis-map-components.esm.js"></script>
<!-- Demo imports -->
<script src="./app.js" defer></script>
<link rel="stylesheet" href="./style.css" />
</head>
<body>
<calcite-shell>
<calcite-navigation slot="header" id="nav">
<calcite-navigation-logo
icon="code"
href=""
alt="Application logo"
slot="logo"
heading="ArcGIS Maps SDK for JavaScript: Working with imagery client-side"
description="Esri European Developer Summit 2024"
></calcite-navigation-logo>
</calcite-navigation>
<div class="tile-container">
<calcite-tile href="/1-add-imagery-webmap/" icon="browser-map" heading="Webmap" description="Add imagery from webmap"></calcite-tile>
<calcite-tile href="/2-add-imagery-layer/" icon="tiled-imagery-layer" heading="Layer" description="Add imagery from layer"></calcite-tile>
<calcite-tile href="/3-visualize-band-composition/" icon="image-layer" heading="Band composition" description="Visualize by choosing band composition"></calcite-tile>
<calcite-tile href="/4-visualize-flow/" icon="add-features" heading="Flow renderer" description="Visualize using flow renderer"></calcite-tile>
<calcite-tile href="/5-visualize-blend-mode/" icon="collection" heading="Blend modes" description="Visualize using blend mode"></calcite-tile>
<calcite-tile href="/9-get-pixel-values/" icon="sky-plot" heading="Windrose" description="Get pixel values"></calcite-tile>
<calcite-tile href="/10-pixel-block/" icon="pie-chart" heading="PixelBlock" description="Using pie chart"></calcite-tile>
<calcite-tile href="/11-interactive-filter/" icon="layer-filter" heading="Interactive Filter" description="Using raster functions"></calcite-tile>
<calcite-tile href="/12-band-index/" icon="analysis" heading="Vegetation Analysis" description="Band index"></calcite-tile>
<calcite-tile href="/13-convolution/" icon="stretch" heading="Convolution" description="Raster function stretch"></calcite-tile>
<calcite-tile href="/14-raster-functions/" icon="altitude" heading="Terrain analysis" description="Using raster functions"></calcite-tile>
<calcite-tile href="/15-mensuration/" icon="image-mensuration" heading="Mensuration" description="Oblique images"></calcite-tile>
</div>
</calcite-shell>
</body>
</html>