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 > +} > _______________________________________________ pve-devel mailing list pve-devel@pve.proxmox.com https://pve.proxmox.com/cgi-bin/mailman/listinfo/pve-devel
