Add image to manual (#74)

A style template in Libre Office Draw format to the repo, try it all
out in the manual.

README.md

@@ -29,17 +29,19 @@ Create:
 * new blog: `hugo new -k blog blog/coredns-<number>.md`
 * new blog that will also be documentation: `hugo new -k doc blog/coredns-<number>.md`
 
-## Colors
+## Style
+
+For the colors we have:
 
 * Dark: #280071   (40, 0, 113)
 * Middle: #5F259F (95, 37, 159)
 * Light: #8246AF  (130, 70, 175)
 
-## Fonts
-
 The open source font Lato is very close to Brandon Grotesque (which is used in the logo). Try to use
 this for any imagery you add.
 
+See the `style` directory for Libre Office Draw templates you can use.
+
 ## Popup
 
 See the top-level (i.e. not in the themes directory) `layout/partials/popup.html` for adjusting the

content/manual/configuration.md

@@ -155,7 +155,38 @@ Block is enclosed in an opening and closing brace.
 }
 ~~~
 
-## External Plugin
+If we all combine all this and have the following Corefile, that setup 4 zones, serving on two
+different ports.
+
+~~~ corefile
+coredns.io:5300 {
+    file db.coredns.io
+}
+
+example.io:53 {
+    log
+    errors
+    file db.example.io
+}
+
+example.net:53 {
+    file db.example.net
+}
+
+.:53 {
+    kubernetes
+    proxy . 8.8.8.8
+    log
+    errors
+    cache
+}
+~~~
+
+When parsed by CoreDNS will result in following setup:
+
+![CoreDNS: Zones, plugins and query routing](/images/CoreDNS-Corefile.png)
+
+## External Plugins
 
 External plugins are plugins that are not compiled into the default CoreDNS. You can easily enable
 them, but you'll need to compile CoreDNS your self.

style/README.md

@@ -0,0 +1,5 @@
+# Style
+
+This directory contains CoreDNS-lodraw-style.odg which is an Libre Office Draw file containing
+a few items, like arrows in blocks in the right color scheme and with the right font. You can use
+these to make images like CoreDNS-Corefile.odg.