docs(docusaurus): Iconography updates, thematic platforms

eea · Aug 31, 2022 · 2a0e596 · 2a0e596
1 parent 777112f
commit 2a0e596
Show file tree

Hide file tree

Showing 9 changed files with 3,715 additions and 6 deletions.
diff --git a/website/docs/webdev/3-Guidelines/4-iconography.mdx b/website/docs/webdev/3-Guidelines/4-iconography.mdx
@@ -4,12 +4,21 @@ description: ""
 order: 5
 ---
 
+<b>In our websites we use the Remix icon set </b>
+
+Remix Icon is a set of open-source neutral-style system symbols elaborately crafted for designers and developers.
+All of the icons are free for both personal and commercial use. (http://remixicon.com/)
+
+We use icons to help our users understand the core idea of the content quickly or enhance the aesthetic appeal of the interface. 
+
 Consistency is key with icons, and all your icons should be the same size when you build them. Our grid is based on 8s, you'd want to build at 16, 24, or 32. 
 
 Choose a common size to build all your icons to, and then allow your engineers to scale to other sizes that might be needed by other designers. You don't want to build the same icon over and over at a multitude of sizes. 
 
 For product icons, use 1 color. Anything more than that and your components are going to become too complex and difficult for other designers to leverage.  Anything with 3 or more colors is an illustration, not an icon. 
 
+
+
 ### Grids 
 
  The pixel grid is the fundamental grid that uses the smallest increment: a pixel. When building icons, you always want to align objects to the pixel grid, especially straight lines. But, you can build other shapes on the pixel grid.  You want to build things on the pixel grid, not just because it will render more nicely, but because it makes your life easier. Spacing things evenly is much easier when you're using a grid. It helps you stay consistent with your placement, and overall will make your icons look better.  
@@ -31,12 +40,7 @@ If you're going to create stroked icons, strokes all need to be the same weight.
 When possible, avoid type in icons. Icons are meant to be global. If you do need type (for instance, currency symbols), draw it yourself, rather than using a typeface.
 
 
-
-
-
-
-
-
+## Icon set
 
 
 <div className="icon-list">

diff --git a/website/docs/webdev/3-Guidelines/Thematic Platforms/Biodiversity.md b/website/docs/webdev/3-Guidelines/Thematic Platforms/Biodiversity.md
diff --git a/website/docs/webdev/3-Guidelines/Thematic Platforms/Fise.md b/website/docs/webdev/3-Guidelines/Thematic Platforms/Fise.md
diff --git a/website/docs/webdev/3-Guidelines/Thematic Platforms/WiseFreshwater.md b/website/docs/webdev/3-Guidelines/Thematic Platforms/WiseFreshwater.md
diff --git a/website/docs/webdev/3-Guidelines/Thematic Platforms/WiseMarine.md b/website/docs/webdev/3-Guidelines/Thematic Platforms/WiseMarine.md
diff --git a/website/docs/webdev/md_components/static/BISE.png b/website/docs/webdev/md_components/static/BISE.png
diff --git a/website/docs/webdev/md_components/static/FISE.png b/website/docs/webdev/md_components/static/FISE.png
diff --git a/website/docs/webdev/md_components/static/WISEF.png b/website/docs/webdev/md_components/static/WISEF.png
diff --git a/website/docs/webdev/md_components/static/WISEM.png b/website/docs/webdev/md_components/static/WISEM.png