Notes on Wikimedia

Introduction

In this section we will have a odd collection of notes on how to present things with Wiki markup. A lot of things will be in their own section so it is easy to open just that item

Table

Every table follows this basic structure:

{| : Start of the table.

|+ : Caption (optional).

 ! : Header cell (usually bold and centered). 

 |- : New Row. 

 | : Standard cell. 

 |} : End of the table. 

Drawing and graphical content

Emojis are easy

The simplest graphic to use is the emojis as they are just a few bytes long they don't use a lot of storage and download as fast as any text There is a small curated list of them just for this wiki 🍎The Fruit Lab Icon Set.

SVG diagrams

The next set of graphical display is a Diagram. the easiest way to make a diagram is in draw.io and as it is free and easy to make network diagrams or flow charts or any other block or line based drawing no need to look much further. Having made the diagram it would be best to export it as a SVG because are essentially "text-based images". They never get blurry when you zoom in because they are geometry based rather than pixel based like jpeg or png. Another good point is that the file sizes are tiny. Please note When exporting, make sure "Include a copy of my diagram" is checked. This embeds the "editable" Draw.io data inside the image and enables the drawing to be edited later. So if it was a network diagram and a host is added the diagram can be downloaded to a laptop with draw.io and simply add a new host to the diagram then, upload the new modified diagram as if nothing happened.

Upload and display

On the Wiki's sidebar, click Upload file. A screen with dialogues to upload some files is displayed. Upload your fruit-lab-network.svg. Give it a destination filename (e.g., File:Kiwi_Pear_2.5G_Topology.svg). when the file has uploaded with

[[File:Kiwi_Pear_2.5G_Topology.svg|thumb|800px|Current 2.5G Network Layout showing Grape, Kiwi, and Pear.]]

• thumb: Adds a nice border and caption box.
• 800px: Sets the width. Because it’s an SVG, it will look perfectly sharp at any size.

💡 Quick Tip for your Network Drawings

Since we now have a specific color scheme now (Kiwi 🥝, Pear 🍐, Grape 🍇), use those same colors for your connection lines in Draw.io:

• Green lines for the 2.5G FruitNet.
• Grey lines for the 1G Dumb Switch/Internet.
• Dotted lines for the Wi-Fi management backdoor.
• Coloured blocks for the different VLANs look good and give a degree of separation to the VLANs