CONTENT add mapple

src/content/works/jspdf-template.md

@@ -16,13 +16,14 @@ seo:
   title: jsPDF template
   description: Well designed custom PDF printing with JS
 ---
-With the help of the jsPDF library by MrRio i relaunched my Invoice Design with the mighty power of JavaScript code.
+With the help of the <a href="https://github.com/MrRio/jsPDF" rel="nofollow noreferrer noopener" target="_blank" title="JavaScript Library">jsPDF</a> library by MrRio i relaunched my Invoice Design with the mighty power of JavaScript code.<br />
 Printing PDF's with code was and is a little nightmare. PDF's are created with PostScript and that doesn't works well with any Markup language like HTML.
 
-This will simply improve my speed in writing invoices. Hopefully i will do write a lot.
+This will simply improve my speed in writing invoices. Hopefully i will do write a lot.<br />
 Served with integrated SVG graphics is gentle on resources. Because of the optimized datasize ~100kb instead of delivering several mb's sized documents.
 
-This template gots what it needs to restructure it as a simple letter. As it's DIN 5008 conform.
-Here you can test this out https://andrekelling.github.io/jspdf-template/
+This template gots what it needs to restructure it as a simple letter. As it's <a href="https://en.wikipedia.org/wiki/DIN_5008" rel="nofollow noreferrer noopener" target="_blank" title="DIN 5008 german letter standart">DIN 5008</a> conform.<br />
+Here you can test this out <a href="https://andrekelling.github.io/jspdf-template/" rel="noreferrer noopener" target="_blank" title="to github page">https://andrekelling.github.io/jspdf-template/</a>
 
 With some tweaks here and there I can do apply your design on this and connected to a User Interface which could deliver data into the creation-code you could print your stuff in your own digital writing paper.
+

src/content/works/mapple.md

@@ -0,0 +1,28 @@
+---
+layout: project-page.njk
+collection: works
+
+project:
+  summary: Wordpress plugin
+  previewImage: "previews/mapple.jpg"
+  usedTechnic: Wordpress, Google Maps API
+  format: <a href="https://wordpress.org/plugins/mapple/" rel="nofollow noreferrer noopener" target="_blank" title="go to plugin page">Plugin page</a>
+  year: 2018
+  slides:
+    - { image: "content/mapple-be-post", ext: "jpg", title: "Back End: Clients Posttype with auto-fulfill meta field" }
+    - { image: "content/mapple-fe-output", ext: "jpg", title: "Front End: Clients map with content and clients table" }
+
+seo:
+  title: mapple
+  description: A clients handling wordpress plugin
+---
+I created my first Wordpress plugin "<a href="https://wordpress.org/plugins/mapple/" rel="nofollow noreferrer noopener" target="_blank" title="go to plugin page">Mapple</a>". A combination of the Words Map and Apple. Because using it shall come easy as an apple!
+
+This shall become handy when a company want to show a list or map of clients on their Wordpress website.
+
+The plugin creates a custom post type for clients.<br />
+You can easily add clients and output them on the Front End via shortcodes wherever needed.
+
+The map functionality works with the <a href="https://developers.google.com/maps/" rel="nofollow noreferrer noopener" target="_blank" title="go to maps API page">Google Maps API</a> fetches information from the <a href="https://developer.wordpress.org/rest-api/" rel="nofollow noreferrer noopener" target="_blank" title="go to REST API page">Wordpress REST_API</a>.<br />
+Resources added are minimal. I just added basic CSS and a small plain JavaScript Module.<br />
+In the Back End you will be able to fill the clients posts with additional meta field infos, like website's URL and the Address. While Address filling works comfortable with the <a href="https://developers.google.com/maps/documentation/javascript/examples/places-autocomplete" rel="nofollow noreferrer noopener" target="_blank" title="go to places api">Place API for Autocomplete</a>.