From 632141e187f5740a1c39337d04db2042bfcf64e2 Mon Sep 17 00:00:00 2001 From: demet Date: Thu, 18 Apr 2024 13:26:43 -0700 Subject: [PATCH] restructured workshop --- content/basic-components.md | 10 ---------- content/map-interaction.md | 12 ------------ content/map-style.md | 12 ------------ 3 files changed, 34 deletions(-) delete mode 100644 content/basic-components.md delete mode 100644 content/map-interaction.md delete mode 100644 content/map-style.md diff --git a/content/basic-components.md b/content/basic-components.md deleted file mode 100644 index 6ac21be..0000000 --- a/content/basic-components.md +++ /dev/null @@ -1,10 +0,0 @@ ---- -layout: default -title: Basic Components -nav_order: 2 -has_children: true ---- - -# Basic Components of a Web Map - -Now let's look at what makes a web map work by dissecting the main components of a basic web map. These parts work in concert to power a functioning web map. diff --git a/content/map-interaction.md b/content/map-interaction.md deleted file mode 100644 index 99eee15..0000000 --- a/content/map-interaction.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -layout: default -title: Interaction -parent: Basic Components -nav_order: 4 ---- - -# Map Interaction - -The interaction seen in web maps is powered by **JavaScript**. There are JavaScript libraries for ALL SORTS of things, and we're using Leaflet as a foundation for our maps. However you can add customization to your map so that it can do just about anything (remember those plugins?). - -For this workshop, we're not creating any new code or writing new scripts. Instead, we're going to copy and paste some pre-assembled text so that you can see how it works to build your map. diff --git a/content/map-style.md b/content/map-style.md deleted file mode 100644 index 9d5930b..0000000 --- a/content/map-style.md +++ /dev/null @@ -1,12 +0,0 @@ ---- -layout: default -title: Style -parent: Basic Components -nav_order: 3 ---- - -# Map Style - -The basic building blocks of the web -- **HTML and CSS** -- also play a role in the way your map looks. We'll be creating a static HTML document to display our map as a full page document, but we could change the formatting with html code if we wanted to. CSS can be used not only to customize our HTML document, but also our data. Styling our geographic data (aka digital cartography) so that it is accessible (see [coloring for colorblindness](https://davidmathlogic.com/colorblind/#%23D81B60-%231E88E5-%23FFC107-%23004D40)), helps convey a story, and looks good takes a lot of practice and talent. Expert digital cartographers are true artists. - -That said, we will rely on the Leaflet's built-in CSS rules for styling. However, in the future you can always customize these settings to fit the style of your own website or page.