Skip to content

Commit

Permalink
Add links to documentation to demos and improve navigation
Browse files Browse the repository at this point in the history
  • Loading branch information
@mattdelsordo
mattdelsordo committed Aug 2, 2018
1 parent e0dd5c4 commit 5afdcd0
Show file tree
Hide file tree
Showing 5 changed files with 185 additions and 51 deletions.
42 changes: 35 additions & 7 deletions demo/filter.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,9 @@
<meta charset="utf-8" />
<title>Tilegarden</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" integrity="sha384-Smlep5jCw/wG7hdkwQ/Z5nLIefveQRIY9nfy6xoR1uRYBtpZgI6339F5dgvm/e9B" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js" integrity="sha384-o+RDsa0aLu++PJvFqy8fFScvbHFLtbvScb8AjopnFD+iEQ7wo/CG0xlczd+2O/em" crossorigin="anonymous"></script>
<!-- Place this tag in your head or just before your close body tag. -->
<script async defer src="https://buttons.github.io/buttons.js"></script>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.2/dist/leaflet.css" />
Expand Down Expand Up @@ -66,14 +69,39 @@
</script>
</head>
<body>
<div class="container mt-1">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="../index.html">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Filteriing</li>
</ol>
<div class="container">
<nav class="navbar navbar-expand-sm navbar-light bg-light">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar">
<span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="navbar">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="../index.html">Home</a>
</li>
<li class="nav-item active dropdown">
<a class="nav-link dropdown-toggle" href="#" id="demoDropdown" role="button" data-toggle="dropdown">
Demo
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="raster.html">Raster Tiles</a>
<a class="dropdown-item" href="vector.html">Vector Tiles</a>
<a class="dropdown-item" href="#">Filtering</a>
<a class="dropdown-item" href="utf-grid.html">UTF Grids</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="https://github.com/azavea/tilegarden/blob/develop/README.md">Documentation</a>
</li>
</ul>
<a class="navbar-brand" href="https://github.com/azavea/tilegarden/">
View on GitHub
</a>
<a class="github-button" href="https://github.com/azavea/tilegarden/archive/master.zip" data-icon="octicon-cloud-download" data-size="large" aria-label="Download azavea/tilegarden on GitHub">Download</a>
</div>
</nav>
<div>
<div class="mt-3">
<h2 class="display-4">Filtering</h2>
<p class="lead">Perform server-side filtering on raster data that can be queried by your users.</p>
<div class="row">
Expand Down
42 changes: 35 additions & 7 deletions demo/raster.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,9 @@
<meta charset="utf-8" />
<title>Tilegarden | Raster Tiles</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" integrity="sha384-Smlep5jCw/wG7hdkwQ/Z5nLIefveQRIY9nfy6xoR1uRYBtpZgI6339F5dgvm/e9B" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js" integrity="sha384-o+RDsa0aLu++PJvFqy8fFScvbHFLtbvScb8AjopnFD+iEQ7wo/CG0xlczd+2O/em" crossorigin="anonymous"></script>
<!-- Place this tag in your head or just before your close body tag. -->
<script async defer src="https://buttons.github.io/buttons.js"></script>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.2/dist/leaflet.css" />
Expand Down Expand Up @@ -64,14 +67,39 @@
</script>
</head>
<body>
<div class="container mt-1">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="../index.html">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Raster Tiles</li>
</ol>
<div class="container">
<nav class="navbar navbar-expand-sm navbar-light bg-light">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar">
<span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="navbar">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="../index.html">Home</a>
</li>
<li class="nav-item active dropdown">
<a class="nav-link dropdown-toggle" href="#" id="demoDropdown" role="button" data-toggle="dropdown">
Demo
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Raster Tiles</a>
<a class="dropdown-item" href="vector.html">Vector Tiles</a>
<a class="dropdown-item" href="filter.html">Filtering</a>
<a class="dropdown-item" href="utf-grid.html">UTF Grids</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="https://github.com/azavea/tilegarden/blob/develop/README.md">Documentation</a>
</li>
</ul>
<a class="navbar-brand" href="https://github.com/azavea/tilegarden/">
View on GitHub
</a>
<a class="github-button" href="https://github.com/azavea/tilegarden/archive/master.zip" data-icon="octicon-cloud-download" data-size="large" aria-label="Download azavea/tilegarden on GitHub">Download</a>
</div>
</nav>
<div>
<div class="mt-3">
<h2 class="display-4">Raster Tiles</h2>
<p class="lead">
Serve your geospatial data as raster tiles, specified and styled via <a href="https://cartocss.readthedocs.io/en/latest/index.html">CartoCSS</a>.
Expand Down
39 changes: 32 additions & 7 deletions demo/utf-grid.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -65,14 +65,39 @@
</script>
</head>
<body>
<div class="container mt-1">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="../index.html">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Utf Grids</li>
</ol>
<div class="container">
<nav class="navbar navbar-expand-sm navbar-light bg-light">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar">
<span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="navbar">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="../index.html">Home</a>
</li>
<li class="nav-item active dropdown">
<a class="nav-link dropdown-toggle" href="#" id="demoDropdown" role="button" data-toggle="dropdown">
Demo
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="raster.html">Raster Tiles</a>
<a class="dropdown-item" href="vector.html">Vector Tiles</a>
<a class="dropdown-item" href="filter.html">Filtering</a>
<a class="dropdown-item" href="#">UTF Grids</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="https://github.com/azavea/tilegarden/blob/develop/README.md">Documentation</a>
</li>
</ul>
<a class="navbar-brand" href="https://github.com/azavea/tilegarden/">
View on GitHub
</a>
<a class="github-button" href="https://github.com/azavea/tilegarden/archive/master.zip" data-icon="octicon-cloud-download" data-size="large" aria-label="Download azavea/tilegarden on GitHub">Download</a>
</div>
</nav>
<div>
<div class="mt-3">
<h2 class="display-4">UTF Grids</h2>
<p class="lead">Serve UTF grids and interact with your data.</p>
<div class="row">
Expand Down
42 changes: 35 additions & 7 deletions demo/vector.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,9 @@
<meta charset="utf-8" />
<title>Tilegarden | Vector Tiles</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" integrity="sha384-Smlep5jCw/wG7hdkwQ/Z5nLIefveQRIY9nfy6xoR1uRYBtpZgI6339F5dgvm/e9B" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js" integrity="sha384-o+RDsa0aLu++PJvFqy8fFScvbHFLtbvScb8AjopnFD+iEQ7wo/CG0xlczd+2O/em" crossorigin="anonymous"></script>
<!-- Place this tag in your head or just before your close body tag. -->
<script async defer src="https://buttons.github.io/buttons.js"></script>
<!--Mapbox GL-->
Expand Down Expand Up @@ -109,14 +112,39 @@
</script>
</head>
<body>
<div class="container mt-1">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="../index.html">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">Vector Tiles</li>
</ol>
<div class="container">
<nav class="navbar navbar-expand-sm navbar-light bg-light">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar">
<span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="navbar">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="../index.html">Home</a>
</li>
<li class="nav-item active dropdown">
<a class="nav-link dropdown-toggle" href="#" id="demoDropdown" role="button" data-toggle="dropdown">
Demo
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="raster.html">Raster Tiles</a>
<a class="dropdown-item" href="#">Vector Tiles</a>
<a class="dropdown-item" href="filter.html">Filtering</a>
<a class="dropdown-item" href="utf-grid.html">UTF Grids</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="https://github.com/azavea/tilegarden/blob/develop/README.md">Documentation</a>
</li>
</ul>
<a class="navbar-brand" href="https://github.com/azavea/tilegarden/">
View on GitHub
</a>
<a class="github-button" href="https://github.com/azavea/tilegarden/archive/master.zip" data-icon="octicon-cloud-download" data-size="large" aria-label="Download azavea/tilegarden on GitHub">Download</a>
</div>
</nav>
<div>
<div class="mt-3">
<h2 class="display-4">Vector Tiles</h2>
<p class="lead">Serve your geospatial data as <a href="https://www.mapbox.com/vector-tiles/">Mapbox Vector Tiles</a> for client-side styling and manipulation.</p>
<div class="row">
Expand Down
71 changes: 48 additions & 23 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,37 +4,62 @@
<meta charset="utf-8" />
<title>Tilegarden</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" integrity="sha384-Smlep5jCw/wG7hdkwQ/Z5nLIefveQRIY9nfy6xoR1uRYBtpZgI6339F5dgvm/e9B" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js" integrity="sha384-o+RDsa0aLu++PJvFqy8fFScvbHFLtbvScb8AjopnFD+iEQ7wo/CG0xlczd+2O/em" crossorigin="anonymous"></script>
<!-- Place this tag in your head or just before your close body tag. -->
<script async defer src="https://buttons.github.io/buttons.js"></script>
</head>
<body>
<div class="container mt-1">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item active" aria-current="page">Home</li>
</ol>
<div class="container">
<nav class="navbar navbar-expand-sm navbar-light bg-light">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar">
<span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="navbar">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="#">Home</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="demoDropdown" role="button" data-toggle="dropdown">
Demo
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="demo/raster.html">Raster Tiles</a>
<a class="dropdown-item" href="demo/vector.html">Vector Tiles</a>
<a class="dropdown-item" href="demo/filter.html">Filtering</a>
<a class="dropdown-item" href="demo/utf-grid.html">UTF Grids</a>
</div>
</li>
<li class="nav-item">
<a class="nav-link" href="https://github.com/azavea/tilegarden/blob/develop/README.md">Documentation</a>
</li>
</ul>
<a class="navbar-brand" href="https://github.com/azavea/tilegarden/">
View on GitHub
</a>
<a class="github-button" href="https://github.com/azavea/tilegarden/archive/master.zip" data-icon="octicon-cloud-download" data-size="large" aria-label="Download azavea/tilegarden on GitHub">Download</a>
</div>
</nav>
<div>

<div class="mt-3">
<h1 class="display-3">Tilegarden: Serverless Mapnik Rendering</h1>
</div>
<div class="d-inline-block">
<!-- Place this tag where you want the button to render. -->
<a class="github-button" href="https://github.com/azavea/tilegarden/subscription" data-icon="octicon-eye" data-size="large" data-show-count="true" aria-label="Watch azavea/tilegarden on GitHub">Watch</a>
<!-- Place this tag where you want the button to render. -->
<a class="github-button" href="https://github.com/azavea/tilegarden/archive/master.zip" data-icon="octicon-cloud-download" data-size="large" aria-label="Download azavea/tilegarden on GitHub">Download</a>
</div>
<p class="lead">
Tilegarden is a serverless tileserver built for AWS Lambda. All the power of a conventional tileserver without needing to worry about provisioning, scaling, or uptime costs.

Click below for demos of Tilegarden's functionality.
</p>
<div>
<h4>Demos:</h4>
<p class="lead">
Tilegarden is a serverless tileserver built for AWS Lambda. All the power of a conventional tileserver without needing to worry about provisioning, scaling, or uptime costs.

Click below for demos of Tilegarden's functionality.
</p>
<div>
<a href="demo/raster.html" type="button" class="btn btn-primary">Serve Raster Tiles</a>
<a href="demo/vector.html" type="button" class="btn btn-primary" disabled>Serve Vector Tiles</a>
<a href="demo/filter.html" type="button" class="btn btn-primary">Filter Layers</a>
<a href="demo/utf-grid.html" type="button" class="btn btn-primary">UTF Grid Support</a>
<h4>Demos:</h4>
<div>
<a href="demo/raster.html" type="button" class="btn btn-primary">Serve Raster Tiles</a>
<a href="demo/vector.html" type="button" class="btn btn-primary" disabled>Serve Vector Tiles</a>
<a href="demo/filter.html" type="button" class="btn btn-primary">Filter Layers</a>
<a href="demo/utf-grid.html" type="button" class="btn btn-primary">UTF Grid Support</a>
</div>
</div>
</div>
</div>
Expand Down

0 comments on commit 5afdcd0

Please sign in to comment.