[pve-devel] [PATCH] update pve software stack
Thomas Lamprecht
t.lamprecht at proxmox.com
Wed Feb 27 12:48:32 CET 2019
On 2/26/19 3:30 PM, Wolfgang Link wrote:
> Make boxes round to fit in Proxmox corporate design.
Hmm, but I do not find anything in our style/branding guide[0] regarding round edges?
IMO, roundness is a bit counterproductive here, one now doesn't really see's that e.g.,
VMs are layered _inside_ upon QEMU, not only upon QEMU, as an example. Also
containerization is putting things into boxes, boxes have edges :-)
Changing the font and maybe some padding optimizations seems OK, though.
> Add pve-ha-crm. pve-ha-lrm alone makes no sense.
it's only a list of some services, this figure tries to give the viewer an overview of
Proxmox VE's software stack layout and uses a few services, CLI tools, etc. for this,
it is _not_ intended to be a full index of all such services and tools.
Maybe just adding ellipsis to undermine this could be in fact helpful.
[0]: https://www.proxmox.com/images/proxmox/Proxmox-Corporate-Brandguideline-2018.pdf
> Add essential user tools pveam pvesr vzdump.
> ---
> images/pve-software-stack.tt | 79 +++++++++++++++++++++++++-------------------
> 1 file changed, 45 insertions(+), 34 deletions(-)
>
> diff --git a/images/pve-software-stack.tt b/images/pve-software-stack.tt
> index e07bf7c..d8252bf 100644
> --- a/images/pve-software-stack.tt
> +++ b/images/pve-software-stack.tt
> @@ -1,88 +1,99 @@
> graph pve_software_stack {
> - node [ fontname="Helvetica" ]
> + node [ fontname="Open Sans Light" ]
> bgcolor="#ffffff00" # RGBA (with alpha)
>
> stack [shape=plaintext label=<
> <table border='0'>
> -
> - <tr><td><table border='0' BGCOLOR="#00617F" cellborder='0' cellspacing='0' cellpadding='2'>
> +
> + <tr><td><table style='rounded' border='0' BGCOLOR="#00617F" cellborder='0' cellspacing='5' cellpadding='2'>
> <tr><td><font point-size='20' color="white">User Tools</font></td></tr>
> <tr><td>
> - <table BGCOLOR="#00617F" border='0' cellspacing='5' cellpadding='5' cellborder='0'>
> + <table style='rounded' BGCOLOR="#00617F" border='0' cellspacing='5' cellpadding='5' cellborder='0'>
> <tr>
> [% FOREACH item IN ['qm', 'pvesm', 'pveum', 'ha-manager'] %]
> - <td BGCOLOR="#FF9100"><font color="white">[% item %]</font></td>
> + <td style='rounded' BGCOLOR="#FF9100"><font color="white">[% item %]</font></td>
> [% END %]
> </tr>
> <tr>
> [% FOREACH item IN ['pct', 'pvecm', 'pveceph', 'pve-firewall'] %]
> - <td BGCOLOR="#FF9100"><font color="white">[% item %]</font></td>
> + <td style='rounded' BGCOLOR="#FF9100"><font color="white">[% item %]</font></td>
> + [% END %]
> + </tr>
> + <tr>
> + [% FOREACH item IN ['pveam', 'pvesr', 'vzdump', '...'] %]
> + <td style='rounded' BGCOLOR="#FF9100"><font color="white">[% item %]</font></td>
> [% END %]
> </tr>
> </table>
> </td></tr>
> </table></td></tr>
>
> - <tr><td><table border='0' BGCOLOR="#00617F" cellborder='0' cellspacing='0' cellpadding='2'>
> + <tr><td><table style='rounded' border='0' BGCOLOR="#00617F" cellborder='0' cellspacing='0' cellpadding='5'>
> <tr><td><font point-size='20' color="white">Services</font></td></tr>
> <tr><td>
> - <table BGCOLOR="#00617F" border='0' cellspacing='5' cellpadding='5' cellborder='0'>
> + <table style='rounded' BGCOLOR="#00617F" border='0' cellspacing='5' cellpadding='5' cellborder='0'>
> <tr>
> - [% FOREACH item IN ['pveproxy', 'pvedaemon', 'pvestatd', 'pve-ha-lrm', 'pve-cluster'] %]
> - <td BGCOLOR="#E57000"><font color="white">[% item %]</font></td>
> + [% FOREACH item IN ['pveproxy', 'pvedaemon', 'pvestatd'] %]
> + <td style='rounded' BGCOLOR="#E57000"><font color="white">[% item %]</font></td>
> [% END %]
> </tr>
> + <tr>
> + [% FOREACH item IN ['pve-ha-lrm', 'pve-ha-crm', 'pve-cluster'] %]
> + <td style='rounded' BGCOLOR="#E57000"><font color="white">[% item %]</font></td>
> + [% END %]
> + </tr>
> +
> </table>
> </td></tr>
> </table></td></tr>
>
> - <tr><td><table border='0'><tr>
> + <tr><td><table style='rounded' border='0'><tr>
>
> - <td><table border='0'><tr>
> - <td><table BGCOLOR="#ABBABA" border='0' cellspacing='5' cellpadding='5' cellborder='0'>
> + <td><table style='rounded' border='0'><tr>
> + <td><table style='rounded' BGCOLOR="#ABBABA" border='0' cellspacing='5' cellpadding='5' cellborder='0'>
> <tr><td colspan='2'><font point-size='20' color="white">VM</font></td></tr>
> <tr>
> - <td BGCOLOR="white"><font color="#00617F">App</font></td>
> - <td BGCOLOR="white"><font color="#00617F">App</font></td>
> + <td style='rounded' BGCOLOR="white"><font color="#00617F">App</font></td>
> + <td style='rounded' BGCOLOR="white"><font color="#00617F">App</font></td>
> </tr>
> - <tr><td BGCOLOR="#00617F" colspan='2'><font point-size='20' color="white">Guest OS</font></td></tr>
> + <tr><td style='rounded' BGCOLOR="#00617F" colspan='2'><font point-size='20' color="white">Guest OS</font></td></tr>
> </table></td>
>
> - <td><table BGCOLOR="#ABBABA" border='0' cellspacing='5' cellpadding='5' cellborder='0'>
> + <td><table style='rounded' BGCOLOR="#ABBABA" border='0' cellspacing='5' cellpadding='5' cellborder='0'>
> <tr><td colspan='2'><font point-size='20' color="white">VM</font></td></tr>
> <tr>
> - <td BGCOLOR="white"><font color="#00617F">App</font></td>
> - <td BGCOLOR="white"><font color="#00617F">App</font></td>
> + <td style='rounded' BGCOLOR="white"><font color="#00617F">App</font></td>
> + <td style='rounded' BGCOLOR="white"><font color="#00617F">App</font></td>
> </tr>
> - <tr><td BGCOLOR="#00617F" colspan='2'><font point-size='20' color="white">Guest OS</font></td></tr>
> + <tr><td style='rounded' BGCOLOR="#00617F" colspan='2'><font point-size='20' color="white">Guest OS</font></td></tr>
> </table></td>
>
> </tr>
>
> - <tr><td border='0' BGCOLOR="#FF9100" colspan='2'><font point-size='20' color="white">Qemu</font></td>
> + <tr><td style='rounded' border='0' BGCOLOR="#FF9100" colspan='2'><font point-size='20' color="white">Qemu</font></td>
>
> </tr></table></td>
>
>
> - <td><table border='0'>
> + <td><table style='rounded' border='0'>
> <tr><td> </td></tr>
> <tr><td> </td></tr>
> <tr><td> </td></tr>
> <tr>
> - <td><table BGCOLOR="#ABBABA" border='0' cellspacing='5' cellpadding='5' cellborder='0'>
> + <td><table style='rounded' BGCOLOR="#ABBABA" border='0' cellspacing='5' cellpadding='5' cellborder='0'>
> <tr><td colspan='2'><font point-size='20' color="white">Container</font></td></tr>
> <tr>
> - <td BGCOLOR="white"><font color="#00617F">App</font></td>
> - <td BGCOLOR="white"><font color="#00617F">App</font></td>
> + <td style='rounded' BGCOLOR="white"><font color="#00617F">App</font></td>
> + <td style='rounded' BGCOLOR="white"><font color="#00617F">App</font></td>
> </tr>
> </table>
> </td>
>
> - <td><table BGCOLOR="#ABBABA" border='0' cellspacing='5' cellpadding='5' cellborder='0'>
> + <td><table style='rounded' BGCOLOR="#ABBABA" border='0' cellspacing='5' cellpadding='5' cellborder='0'>
> <tr><td colspan='2'><font point-size='20' color="white">Container</font></td></tr>
> <tr>
> - <td BGCOLOR="white"><font color="#00617F">App</font></td>
> - <td BGCOLOR="white"><font color="#00617F">App</font></td>
> + <td style='rounded' BGCOLOR="white"><font color="#00617F">App</font></td>
> + <td style='rounded' BGCOLOR="white"><font color="#00617F">App</font></td>
> </tr>
> </table>
> </td>
> @@ -92,14 +103,14 @@ graph pve_software_stack {
> </tr></table></td></tr>
>
>
> - <tr><td><table border='0' BGCOLOR="#00617F" cellborder='0' cellspacing='0' cellpadding='2'>
> + <tr><td><table style='rounded' border='0' BGCOLOR="#00617F" cellborder='0' cellspacing='0' cellpadding='2'>
> <tr><td>
> - <table BGCOLOR="#00617F" border='0' cellspacing='5' cellpadding='5' cellborder='0'>
> + <table style='rounded' BGCOLOR="#00617F" border='0' cellspacing='5' cellpadding='5' cellborder='0'>
> <tr>
> - <td align='left' fixedsize='true' width='45' height='25' BGCOLOR="#FF9100"><font color="white">KVM</font></td>
> + <td style='rounded' align='left' fixedsize='true' width='45' height='25' BGCOLOR="#FF9100"><font color="white">KVM</font></td>
> <td width='275' ><font point-size='20' color="white">Linux Kernel</font></td>
> - <td align='left' fixedsize='true' width='75' height='25' BGCOLOR="#FF9100"><font color="white">AppArmor</font></td>
> - <td align='left' fixedsize='true' width='70' height='25' BGCOLOR="#FF9100"><font color="white">cgroups</font></td>
> + <td style='rounded' align='left' fixedsize='true' width='75' height='25' BGCOLOR="#FF9100"><font color="white">AppArmor</font></td>
> + <td style='rounded' align='left' fixedsize='true' width='70' height='25' BGCOLOR="#FF9100"><font color="white">cgroups</font></td>
> </tr>
> </table>
> </td></tr>
> @@ -109,4 +120,4 @@ graph pve_software_stack {
> </table>
> >]
>
> -}
> \ No newline at end of file
> +}
>
More information about the pve-devel
mailing list