Commit 95bfe544 authored by Mathias Goebel's avatar Mathias Goebel
Browse files

Merge branch 'UseMap' into 'master'

Add map visualization example article

See merge request subugoe/lab.sub!6
parents b1052561 a842463d
---
layout: post
current: post
cover: assets/images/fidgeogis.png
cover-credits: https://e-docs.geo-leo.de/map
navigation: True
title: Be kind to your users-use a map application
tags: gis map visualization geodata
class: post-template
author: friedrichmueller
---
> “The application of GIS is limited only by the imagination of those who use it”. ~ [Jack Dangermond](https://en.wikipedia.org/wiki/Jack_Dangermond) , ESRI
Just because you have some geographical data doesn’t mean you should always map it but often the usage of data visualization with an interactive web map application can bring benefits to your project.
Map visualization helps to reduce the degree of abstraction and supports communication and sense-making (a.k.a data analysis) of your data.
Furthermore, an interactive map with functionality like geometry search, layer control, displaying additional information related to geometries, etc. makes the search process and data access more efficient and eases data exploration.
An interactive map wоuld also allow vіеwіng, questioning, undеrѕtаndіng, visualizing аnd іntеrрrеtіng the dаtа into numbеr оf wауѕ. Integrated spatio-temporal analysis functionality can support this possibility of data interpretation.
Unfortunately we are not yet in a technological age where it is common that you can look at textual coordinate data and your Augmented Reality contact lenses automatically display the according map visualization to you.
**So, we are responsible that the geographic information, we want to present to our users, is adequate to human perception and it should be a goal of every project that data exploration and analysis is eased as much as possible.**
Luckily there are a bunch of web mapping libraries and services available that supports us in this mission. The libraries can be integrated into our different kinds of applications and can be adapted to our specific project needs.
Examples:
* [ArcGIS Online](https://www.arcgis.com/home/index.html)
* [Google Maps](https://developers.google.com/maps/?hl=de)
* [Leaflet](http://leafletjs.com/)
* [Mapbox](https://www.mapbox.com/)
* [OpenLayers](http://openlayers.org/)
* ...
Which one is the "best" framework to choose for your project depends on the provided geodata as well as the specific application and project requirements.
The choice of an adequate type of map visualization is also in big parts purpose-driven.
Each map type has its own strengths. The different types can be combined with each other and developed further to produce new types of maps.
Examples:
* [Choropleth map](https://en.wikipedia.org/wiki/Choropleth_map)
* [Dot map](https://en.wikipedia.org/wiki/Dot_distribution_map)
* [Flow map](https://en.wikipedia.org/wiki/Flow_map)
* [Heatmap](https://en.wikipedia.org/wiki/Heat_map)
* [Storymap](https://storymaps.arcgis.com/de/)
* ...
To illustrate how an interactive map visualization can be a benefit for the representation of geodata, I want to point to a current project development at SUB:
The [FID GEO](http://www.fidgeo.de/) provides a [list of geological maps (1:25000) – online availability listed (present and potential)](http://www.fidgeo.de/wp-content/uploads/2017/12/GK25-list-onlinepd.pdf) as a PDF.
This list contains over 900 map sheets of the Prussian geological map 1 : 25 000 that can be found online (free download), as well as more than 600 map sheets that can be digitized by FID GEO free of charge, once a notice of demand is received.
![package settings view](assets/images/fidgeopdf.png)
OK, you can use the text search and try to find a location by name and you can visit the provided links of the maps that are already digitized. But e.g. if you search for a region that is part of a map, but not directly named, it can be cumbersome to find the right map.
Additionally, the map extent can only be checked visually by visiting the link to the digital copy. Besides this approach is time-consuming, the isolated view of a map can be also not the best solution for you if the region of your interest is located in the transition area of different maps. If you are interested into a map that isn't already digitized you only have coordinates provided without visualization.
In this case an interactive map application improves the data representation and eases data access:
![package settings view](assets/images/fidgeogis.png)
Current features of the application:
* Dynamic info box
* Enlarged view mode via button
* Selection of the map extent with hover highlighting
* Display of the attributes with links to the digital copies or the FID GEO order form by clicking on the map geometry
* Selected visualization of background map and geological map categories
* Search via button with magnifying glass symbol (supports location name e.g. "Göttingen" and map No. like "4425")
The solution is implemented with [Leaflet](http://leafletjs.com/) and additional plugins like [leaflet-search](https://github.com/stefanocudini/leaflet-search) that were adapted for this use case.
The geological map data is underlying as [GeoJSON](http://geojson.org/).
The application is available: [https://e-docs.geo-leo.de/map](https://e-docs.geo-leo.de/map)
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
{"version":3,"sources":["screen.edited.css"],"names":[],"mappings":"AAcA,YACI,kBAAmB,AACnB,UAAW,AACX,gBAAiB,AACjB,iBAAkB,AAClB,iCAAqC,AACrC,iBAAkB,AAClB,cAAe,AACf,iBAAmB,CACtB,AAED,cACI,cAAe,AACf,uBAA0B,CAC7B,AAGD,0BAEI,kBAAmB,AACnB,qBAAsB,AACtB,eAAgB,AAChB,yBAA0B,AAC1B,qBAAsB,AACtB,kBAAmB,AACnB,0BAA6B,CAChC,AAED,aACI,OAAS,CACZ,AAED,aACI,qBAAsB,AACtB,cAAe,AACf,eAAiB,CACpB,AAED,aACI,MAAQ,CACX,AAED,sCAEI,cAAe,AACf,oBAAsB,CACzB,AAED,kBACI,aAAc,AACd,+BAAiC,CACpC,AACD,wBACI,cAAe,AACf,WAAY,AACZ,UAAW,AACX,WAAY,AACZ,yBAA0B,AAC1B,kBAAmB,AACnB,YAAa,AACb,SAAU,AACV,iBAAkB,AAClB,gBAAiB,AACjB,mBAAoB,AACpB,yBAA2B,CAC9B,AACD,8BACI,UAAY,CACf,AAGD,oBACI,eAAiB,CACpB,AAGD,yBACI,aAAe,CAClB,AAGD,YACI,iBAAkB,AAClB,6BAA8B,AAC9B,oBAAsB,CACzB,AAID,mBACI,cAAe,AACf,WAAY,AACZ,UAAW,AACX,WAAY,AACZ,yBAA0B,AAC1B,kBAAmB,AACnB,SAAU,AACV,SAAU,AACV,iBAAkB,AAClB,mBAAoB,AACpB,mBAAoB,AACpB,4BAA8B,CACjC","file":"screen.edited.css","sourcesContent":["/* Table of Contents\n/* ------------------------------------------------------------\n\nThis is a development CSS file which is built to a minified\nproduction stylesheet in assets/built/screen.css\n\n12. Pagination\n\n*/\n\n/* 12. Pagination - Tools to let you flick between pages\n/* ---------------------------------------------------------- */\n\n/* The main wrapper for our pagination links */\n.pagination {\n position: relative;\n width: 80%;\n max-width: 800px;\n margin: 4rem auto;\n font-family: \"Open Sans\", sans-serif;\n font-size: 1.3rem;\n color: #9EABB3;\n text-align: center;\n}\n\n.pagination a {\n color: #3eb0ef;\n transition: all 0.2s ease;\n}\n\n/* Push the previous/next links out to the left/right */\n.older-posts,\n.newer-posts {\n position: absolute;\n display: inline-block;\n padding: 0 15px;\n border: #bfc8cd 1px solid;\n text-decoration: none;\n border-radius: 4px;\n transition: border 0.3s ease;\n}\n\n.older-posts {\n right: 0;\n}\n\n.page-number {\n display: inline-block;\n padding: 2px 0;\n min-width: 100px;\n}\n\n.newer-posts {\n left: 0;\n}\n\n.older-posts:hover,\n.newer-posts:hover {\n color: #3eb0ef;\n border-color: #98a0a4;\n}\n\n.extra-pagination {\n display: none;\n border-bottom: #EBF2F6 1px solid;\n}\n.extra-pagination:after {\n display: block;\n content: \"\";\n width: 7px;\n height: 7px;\n border: #E7EEF2 1px solid;\n position: absolute;\n bottom: -5px;\n left: 50%;\n margin-left: -5px;\n background: #FFF;\n border-radius: 100%;\n box-shadow: #FFF 0 0 0 5px;\n}\n.extra-pagination .pagination {\n width: auto;\n}\n\n/* On page2+ make all the headers smaller */\n.paged .main-header {\n max-height: 30vh;\n}\n\n/* On page2+ show extra pagination controls at the top of post list */\n.paged .extra-pagination {\n display: block;\n}\n\n/* Every post, on every page, gets this style on its <article> tag */\n.pagination {\n padding-top: 4rem;\n border-top: #bfc8cd 1px solid;\n word-wrap: break-word;\n}\n\n/* Add a little circle in the middle of the border-bottom on our .post\n just for the lolz and stylepoints. */\n.pagination:before {\n display: block;\n content: \"\";\n width: 7px;\n height: 7px;\n border: #bfc8cd 1px solid;\n position: absolute;\n top: -5px;\n left: 50%;\n margin-left: -5px;\n background: #f4f8fb;\n border-radius: 100%;\n box-shadow: #f4f8fb 0 0 0 5px;\n}\n"],"sourceRoot":"/source/"}
\ No newline at end of file
{"version":3,"sources":["screen.edited.css"],"names":[],"mappings":"AAcA,YACI,kBAAmB,AACnB,UAAW,AACX,gBAAiB,AACjB,iBAAkB,AAClB,iCAAqC,AACrC,iBAAkB,AAClB,cAAe,AACf,iBAAmB,CACtB,AAED,cACI,cAAe,AACf,uBAA0B,CAC7B,AAGD,0BAEI,kBAAmB,AACnB,qBAAsB,AACtB,eAAgB,AAChB,yBAA0B,AAC1B,qBAAsB,AACtB,kBAAmB,AACnB,0BAA6B,CAChC,AAED,aACI,OAAS,CACZ,AAED,aACI,qBAAsB,AACtB,cAAe,AACf,eAAiB,CACpB,AAED,aACI,MAAQ,CACX,AAED,sCAEI,cAAe,AACf,oBAAsB,CACzB,AAED,kBACI,aAAc,AACd,+BAAiC,CACpC,AACD,wBACI,cAAe,AACf,WAAY,AACZ,UAAW,AACX,WAAY,AACZ,yBAA0B,AAC1B,kBAAmB,AACnB,YAAa,AACb,SAAU,AACV,iBAAkB,AAClB,gBAAiB,AACjB,mBAAoB,AACpB,yBAA2B,CAC9B,AACD,8BACI,UAAY,CACf,AAGD,oBACI,eAAiB,CACpB,AAGD,yBACI,aAAe,CAClB,AAGD,YACI,iBAAkB,AAClB,6BAA8B,AAC9B,oBAAsB,CACzB,AAID,mBACI,cAAe,AACf,WAAY,AACZ,UAAW,AACX,WAAY,AACZ,yBAA0B,AAC1B,kBAAmB,AACnB,SAAU,AACV,SAAU,AACV,iBAAkB,AAClB,mBAAoB,AACpB,mBAAoB,AACpB,4BAA8B,CACjC","file":"screen.edited.css","sourcesContent":["/* Table of Contents\r\n/* ------------------------------------------------------------\r\n\r\nThis is a development CSS file which is built to a minified\r\nproduction stylesheet in assets/built/screen.css\r\n\r\n12. Pagination\r\n\r\n*/\r\n\r\n/* 12. Pagination - Tools to let you flick between pages\r\n/* ---------------------------------------------------------- */\r\n\r\n/* The main wrapper for our pagination links */\r\n.pagination {\r\n position: relative;\r\n width: 80%;\r\n max-width: 800px;\r\n margin: 4rem auto;\r\n font-family: \"Open Sans\", sans-serif;\r\n font-size: 1.3rem;\r\n color: #9EABB3;\r\n text-align: center;\r\n}\r\n\r\n.pagination a {\r\n color: #3eb0ef;\r\n transition: all 0.2s ease;\r\n}\r\n\r\n/* Push the previous/next links out to the left/right */\r\n.older-posts,\r\n.newer-posts {\r\n position: absolute;\r\n display: inline-block;\r\n padding: 0 15px;\r\n border: #bfc8cd 1px solid;\r\n text-decoration: none;\r\n border-radius: 4px;\r\n transition: border 0.3s ease;\r\n}\r\n\r\n.older-posts {\r\n right: 0;\r\n}\r\n\r\n.page-number {\r\n display: inline-block;\r\n padding: 2px 0;\r\n min-width: 100px;\r\n}\r\n\r\n.newer-posts {\r\n left: 0;\r\n}\r\n\r\n.older-posts:hover,\r\n.newer-posts:hover {\r\n color: #3eb0ef;\r\n border-color: #98a0a4;\r\n}\r\n\r\n.extra-pagination {\r\n display: none;\r\n border-bottom: #EBF2F6 1px solid;\r\n}\r\n.extra-pagination:after {\r\n display: block;\r\n content: \"\";\r\n width: 7px;\r\n height: 7px;\r\n border: #E7EEF2 1px solid;\r\n position: absolute;\r\n bottom: -5px;\r\n left: 50%;\r\n margin-left: -5px;\r\n background: #FFF;\r\n border-radius: 100%;\r\n box-shadow: #FFF 0 0 0 5px;\r\n}\r\n.extra-pagination .pagination {\r\n width: auto;\r\n}\r\n\r\n/* On page2+ make all the headers smaller */\r\n.paged .main-header {\r\n max-height: 30vh;\r\n}\r\n\r\n/* On page2+ show extra pagination controls at the top of post list */\r\n.paged .extra-pagination {\r\n display: block;\r\n}\r\n\r\n/* Every post, on every page, gets this style on its <article> tag */\r\n.pagination {\r\n padding-top: 4rem;\r\n border-top: #bfc8cd 1px solid;\r\n word-wrap: break-word;\r\n}\r\n\r\n/* Add a little circle in the middle of the border-bottom on our .post\r\n just for the lolz and stylepoints. */\r\n.pagination:before {\r\n display: block;\r\n content: \"\";\r\n width: 7px;\r\n height: 7px;\r\n border: #bfc8cd 1px solid;\r\n position: absolute;\r\n top: -5px;\r\n left: 50%;\r\n margin-left: -5px;\r\n background: #f4f8fb;\r\n border-radius: 100%;\r\n box-shadow: #f4f8fb 0 0 0 5px;\r\n}\r\n"],"sourceRoot":"/source/"}
\ No newline at end of file
{"version":3,"sources":["syntax.css"],"names":[],"mappings":"AAeA,WAAa,yBAA0B,AAAC,aAAc,CAAE,AACxD,cAAgB,aAAc,CAAE,AAEhC,8BAAgB,aAAc,CAAE,AAChC,cAAgB,aAAc,CAAE,AAEhC,4BAAgB,aAAc,CAAE,AAChC,cAAgB,aAAc,CAAE,AAChC,cAAgB,aAAc,CAAE,AAChC,cAAgB,aAAc,CAAE,AAChC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,cAAe,AAAC,iBAAkB,CAAE,AACrD,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AAEjC,8BAAiB,aAAc,CAAE,AACjC,eAAiB,cAAe,AAAC,eAAiB,CAAE,AACpD,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AAEjC,8BAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AAEjC,4BAAgB,aAAc,CAAE,AAChC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AAEjC,8BAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AAIjC,4DAAiB,aAAc,CAAE,AAEjC,8BAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,cAAgB,aAAc,CAAE,AAIhC,4DAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AAEjC,8BAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AAEjC,8BAAiB,aAAc,CAAE,AAIjC,4DAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE","file":"syntax.css","sourcesContent":["/* Solarized Dark\nFor use with Jekyll and Pygments\nhttp://ethanschoonover.com/solarized\nSOLARIZED HEX ROLE\n--------- -------- ------------------------------------------\nbase03 #002b36 background\nbase01 #586e75 comments / secondary content\nbase1 #93a1a1 body text / default code / primary content\norange #cb4b16 constants\nred #dc322f regex, special keywords\nblue #268bd2 reserved keywords\ncyan #2aa198 strings, numbers\ngreen #859900 operators, other keywords\n*/\n\n.highlight { background-color: #002b36; color: #93a1a1 }\n.highlight .c { color: #586e75 } /* Comment */\n.highlight .err { color: #93a1a1 } /* Error */\n.highlight .g { color: #93a1a1 } /* Generic */\n.highlight .k { color: #859900 } /* Keyword */\n.highlight .l { color: #93a1a1 } /* Literal */\n.highlight .n { color: #93a1a1 } /* Name */\n.highlight .o { color: #859900 } /* Operator */\n.highlight .x { color: #cb4b16 } /* Other */\n.highlight .p { color: #93a1a1 } /* Punctuation */\n.highlight .cm { color: #586e75 } /* Comment.Multiline */\n.highlight .cp { color: #859900 } /* Comment.Preproc */\n.highlight .c1 { color: #586e75 } /* Comment.Single */\n.highlight .cs { color: #859900 } /* Comment.Special */\n.highlight .gd { color: #2aa198 } /* Generic.Deleted */\n.highlight .ge { color: #93a1a1; font-style: italic } /* Generic.Emph */\n.highlight .gr { color: #dc322f } /* Generic.Error */\n.highlight .gh { color: #cb4b16 } /* Generic.Heading */\n.highlight .gi { color: #859900 } /* Generic.Inserted */\n.highlight .go { color: #93a1a1 } /* Generic.Output */\n.highlight .gp { color: #93a1a1 } /* Generic.Prompt */\n.highlight .gs { color: #93a1a1; font-weight: bold } /* Generic.Strong */\n.highlight .gu { color: #cb4b16 } /* Generic.Subheading */\n.highlight .gt { color: #93a1a1 } /* Generic.Traceback */\n.highlight .kc { color: #cb4b16 } /* Keyword.Constant */\n.highlight .kd { color: #268bd2 } /* Keyword.Declaration */\n.highlight .kn { color: #859900 } /* Keyword.Namespace */\n.highlight .kp { color: #859900 } /* Keyword.Pseudo */\n.highlight .kr { color: #268bd2 } /* Keyword.Reserved */\n.highlight .kt { color: #dc322f } /* Keyword.Type */\n.highlight .ld { color: #93a1a1 } /* Literal.Date */\n.highlight .m { color: #2aa198 } /* Literal.Number */\n.highlight .s { color: #2aa198 } /* Literal.String */\n.highlight .na { color: #93a1a1 } /* Name.Attribute */\n.highlight .nb { color: #B58900 } /* Name.Builtin */\n.highlight .nc { color: #268bd2 } /* Name.Class */\n.highlight .no { color: #cb4b16 } /* Name.Constant */\n.highlight .nd { color: #268bd2 } /* Name.Decorator */\n.highlight .ni { color: #cb4b16 } /* Name.Entity */\n.highlight .ne { color: #cb4b16 } /* Name.Exception */\n.highlight .nf { color: #268bd2 } /* Name.Function */\n.highlight .nl { color: #93a1a1 } /* Name.Label */\n.highlight .nn { color: #93a1a1 } /* Name.Namespace */\n.highlight .nx { color: #93a1a1 } /* Name.Other */\n.highlight .py { color: #93a1a1 } /* Name.Property */\n.highlight .nt { color: #268bd2 } /* Name.Tag */\n.highlight .nv { color: #268bd2 } /* Name.Variable */\n.highlight .ow { color: #859900 } /* Operator.Word */\n.highlight .w { color: #93a1a1 } /* Text.Whitespace */\n.highlight .mf { color: #2aa198 } /* Literal.Number.Float */\n.highlight .mh { color: #2aa198 } /* Literal.Number.Hex */\n.highlight .mi { color: #2aa198 } /* Literal.Number.Integer */\n.highlight .mo { color: #2aa198 } /* Literal.Number.Oct */\n.highlight .sb { color: #586e75 } /* Literal.String.Backtick */\n.highlight .sc { color: #2aa198 } /* Literal.String.Char */\n.highlight .sd { color: #93a1a1 } /* Literal.String.Doc */\n.highlight .s2 { color: #2aa198 } /* Literal.String.Double */\n.highlight .se { color: #cb4b16 } /* Literal.String.Escape */\n.highlight .sh { color: #93a1a1 } /* Literal.String.Heredoc */\n.highlight .si { color: #2aa198 } /* Literal.String.Interpol */\n.highlight .sx { color: #2aa198 } /* Literal.String.Other */\n.highlight .sr { color: #dc322f } /* Literal.String.Regex */\n.highlight .s1 { color: #2aa198 } /* Literal.String.Single */\n.highlight .ss { color: #2aa198 } /* Literal.String.Symbol */\n.highlight .bp { color: #268bd2 } /* Name.Builtin.Pseudo */\n.highlight .vc { color: #268bd2 } /* Name.Variable.Class */\n.highlight .vg { color: #268bd2 } /* Name.Variable.Global */\n.highlight .vi { color: #268bd2 } /* Name.Variable.Instance */\n.highlight .il { color: #2aa198 } /* Literal.Number.Integer.Long */\n"],"sourceRoot":"/source/"}
\ No newline at end of file
{"version":3,"sources":["syntax.css"],"names":[],"mappings":"AAeA,WAAa,yBAA0B,AAAC,aAAc,CAAE,AACxD,cAAgB,aAAc,CAAE,AAEhC,8BAAgB,aAAc,CAAE,AAChC,cAAgB,aAAc,CAAE,AAEhC,4BAAgB,aAAc,CAAE,AAChC,cAAgB,aAAc,CAAE,AAChC,cAAgB,aAAc,CAAE,AAChC,cAAgB,aAAc,CAAE,AAChC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,cAAe,AAAC,iBAAkB,CAAE,AACrD,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AAEjC,8BAAiB,aAAc,CAAE,AACjC,eAAiB,cAAe,AAAC,eAAiB,CAAE,AACpD,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AAEjC,8BAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AAEjC,4BAAgB,aAAc,CAAE,AAChC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AAEjC,8BAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AAIjC,4DAAiB,aAAc,CAAE,AAEjC,8BAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,cAAgB,aAAc,CAAE,AAIhC,4DAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AAEjC,8BAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE,AAEjC,8BAAiB,aAAc,CAAE,AAIjC,4DAAiB,aAAc,CAAE,AACjC,eAAiB,aAAc,CAAE","file":"syntax.css","sourcesContent":["/* Solarized Dark\r\nFor use with Jekyll and Pygments\r\nhttp://ethanschoonover.com/solarized\r\nSOLARIZED HEX ROLE\r\n--------- -------- ------------------------------------------\r\nbase03 #002b36 background\r\nbase01 #586e75 comments / secondary content\r\nbase1 #93a1a1 body text / default code / primary content\r\norange #cb4b16 constants\r\nred #dc322f regex, special keywords\r\nblue #268bd2 reserved keywords\r\ncyan #2aa198 strings, numbers\r\ngreen #859900 operators, other keywords\r\n*/\r\n\r\n.highlight { background-color: #002b36; color: #93a1a1 }\r\n.highlight .c { color: #586e75 } /* Comment */\r\n.highlight .err { color: #93a1a1 } /* Error */\r\n.highlight .g { color: #93a1a1 } /* Generic */\r\n.highlight .k { color: #859900 } /* Keyword */\r\n.highlight .l { color: #93a1a1 } /* Literal */\r\n.highlight .n { color: #93a1a1 } /* Name */\r\n.highlight .o { color: #859900 } /* Operator */\r\n.highlight .x { color: #cb4b16 } /* Other */\r\n.highlight .p { color: #93a1a1 } /* Punctuation */\r\n.highlight .cm { color: #586e75 } /* Comment.Multiline */\r\n.highlight .cp { color: #859900 } /* Comment.Preproc */\r\n.highlight .c1 { color: #586e75 } /* Comment.Single */\r\n.highlight .cs { color: #859900 } /* Comment.Special */\r\n.highlight .gd { color: #2aa198 } /* Generic.Deleted */\r\n.highlight .ge { color: #93a1a1; font-style: italic } /* Generic.Emph */\r\n.highlight .gr { color: #dc322f } /* Generic.Error */\r\n.highlight .gh { color: #cb4b16 } /* Generic.Heading */\r\n.highlight .gi { color: #859900 } /* Generic.Inserted */\r\n.highlight .go { color: #93a1a1 } /* Generic.Output */\r\n.highlight .gp { color: #93a1a1 } /* Generic.Prompt */\r\n.highlight .gs { color: #93a1a1; font-weight: bold } /* Generic.Strong */\r\n.highlight .gu { color: #cb4b16 } /* Generic.Subheading */\r\n.highlight .gt { color: #93a1a1 } /* Generic.Traceback */\r\n.highlight .kc { color: #cb4b16 } /* Keyword.Constant */\r\n.highlight .kd { color: #268bd2 } /* Keyword.Declaration */\r\n.highlight .kn { color: #859900 } /* Keyword.Namespace */\r\n.highlight .kp { color: #859900 } /* Keyword.Pseudo */\r\n.highlight .kr { color: #268bd2 } /* Keyword.Reserved */\r\n.highlight .kt { color: #dc322f } /* Keyword.Type */\r\n.highlight .ld { color: #93a1a1 } /* Literal.Date */\r\n.highlight .m { color: #2aa198 } /* Literal.Number */\r\n.highlight .s { color: #2aa198 } /* Literal.String */\r\n.highlight .na { color: #93a1a1 } /* Name.Attribute */\r\n.highlight .nb { color: #B58900 } /* Name.Builtin */\r\n.highlight .nc { color: #268bd2 } /* Name.Class */\r\n.highlight .no { color: #cb4b16 } /* Name.Constant */\r\n.highlight .nd { color: #268bd2 } /* Name.Decorator */\r\n.highlight .ni { color: #cb4b16 } /* Name.Entity */\r\n.highlight .ne { color: #cb4b16 } /* Name.Exception */\r\n.highlight .nf { color: #268bd2 } /* Name.Function */\r\n.highlight .nl { color: #93a1a1 } /* Name.Label */\r\n.highlight .nn { color: #93a1a1 } /* Name.Namespace */\r\n.highlight .nx { color: #93a1a1 } /* Name.Other */\r\n.highlight .py { color: #93a1a1 } /* Name.Property */\r\n.highlight .nt { color: #268bd2 } /* Name.Tag */\r\n.highlight .nv { color: #268bd2 } /* Name.Variable */\r\n.highlight .ow { color: #859900 } /* Operator.Word */\r\n.highlight .w { color: #93a1a1 } /* Text.Whitespace */\r\n.highlight .mf { color: #2aa198 } /* Literal.Number.Float */\r\n.highlight .mh { color: #2aa198 } /* Literal.Number.Hex */\r\n.highlight .mi { color: #2aa198 } /* Literal.Number.Integer */\r\n.highlight .mo { color: #2aa198 } /* Literal.Number.Oct */\r\n.highlight .sb { color: #586e75 } /* Literal.String.Backtick */\r\n.highlight .sc { color: #2aa198 } /* Literal.String.Char */\r\n.highlight .sd { color: #93a1a1 } /* Literal.String.Doc */\r\n.highlight .s2 { color: #2aa198 } /* Literal.String.Double */\r\n.highlight .se { color: #cb4b16 } /* Literal.String.Escape */\r\n.highlight .sh { color: #93a1a1 } /* Literal.String.Heredoc */\r\n.highlight .si { color: #2aa198 } /* Literal.String.Interpol */\r\n.highlight .sx { color: #2aa198 } /* Literal.String.Other */\r\n.highlight .sr { color: #dc322f } /* Literal.String.Regex */\r\n.highlight .s1 { color: #2aa198 } /* Literal.String.Single */\r\n.highlight .ss { color: #2aa198 } /* Literal.String.Symbol */\r\n.highlight .bp { color: #268bd2 } /* Name.Builtin.Pseudo */\r\n.highlight .vc { color: #268bd2 } /* Name.Variable.Class */\r\n.highlight .vg { color: #268bd2 } /* Name.Variable.Global */\r\n.highlight .vi { color: #268bd2 } /* Name.Variable.Instance */\r\n.highlight .il { color: #2aa198 } /* Literal.Number.Integer.Long */\r\n"],"sourceRoot":"/source/"}
\ No newline at end of file
assets/images/atom-packageSettings.png

49.5 KB | W: | H:

assets/images/atom-packageSettings.png

48.1 KB | W: | H:

assets/images/atom-packageSettings.png
assets/images/atom-packageSettings.png
assets/images/atom-packageSettings.png
assets/images/atom-packageSettings.png
  • 2-up
  • Swipe
  • Onion skin
assets/images/atom-snippet.png

115 KB | W: | H:

assets/images/atom-snippet.png

114 KB | W: | H:

assets/images/atom-snippet.png
assets/images/atom-snippet.png
assets/images/atom-snippet.png
assets/images/atom-snippet.png
  • 2-up
  • Swipe
  • Onion skin
assets/images/atom-testgrid.png

268 KB | W: | H:

assets/images/atom-testgrid.png

266 KB | W: | H:

assets/images/atom-testgrid.png
assets/images/atom-testgrid.png
assets/images/atom-testgrid.png
assets/images/atom-testgrid.png
  • 2-up
  • Swipe
  • Onion skin
assets/images/cfgmgmt-pipeline.png

60.3 KB | W: | H:

assets/images/cfgmgmt-pipeline.png

43.1 KB | W: | H:

assets/images/cfgmgmt-pipeline.png
assets/images/cfgmgmt-pipeline.png
assets/images/cfgmgmt-pipeline.png
assets/images/cfgmgmt-pipeline.png
  • 2-up
  • Swipe
  • Onion skin
assets/images/dariah-status-OK.png

61.1 KB | W: | H:

assets/images/dariah-status-OK.png

60.1 KB | W: | H:

assets/images/dariah-status-OK.png
assets/images/dariah-status-OK.png
assets/images/dariah-status-OK.png
assets/images/dariah-status-OK.png
  • 2-up
  • Swipe
  • Onion skin
assets/images/graylog2.png

65.3 KB | W: | H:

assets/images/graylog2.png

65.2 KB | W: | H:

assets/images/graylog2.png
assets/images/graylog2.png
assets/images/graylog2.png
assets/images/graylog2.png
  • 2-up
  • Swipe
  • Onion skin
assets/images/tag-documentation.png

1.16 MB | W: | H:

assets/images/tag-documentation.png

1.16 MB | W: | H:

assets/images/tag-documentation.png
assets/images/tag-documentation.png
assets/images/tag-documentation.png
assets/images/tag-documentation.png
  • 2-up
  • Swipe
  • Onion skin
assets/images/tag-log.png

1.01 MB | W: | H:

assets/images/tag-log.png

989 KB | W: | H:

assets/images/tag-log.png
assets/images/tag-log.png
assets/images/tag-log.png
assets/images/tag-log.png
  • 2-up
  • Swipe
  • Onion skin
assets/images/tag-tools.png

923 KB | W: | H:

assets/images/tag-tools.png

854 KB | W: | H:

assets/images/tag-tools.png
assets/images/tag-tools.png
assets/images/tag-tools.png
assets/images/tag-tools.png
  • 2-up
  • Swipe
  • Onion skin
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment