[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