<CSS>

 /*-------------------------------------   CSS  ----------------------------------------------*/
/* Estilo para el texto paresido consola  */


.shell-body {
  margin: 0;
  padding: 5px;
  list-style: none;
  background:    #141414;  /* #eeffcc; amarillo*/
  color: #45D40C;
   font: 1.0em 'Andale Mono', Consolas, 'Courier New';
  line-height: 1.0em;

  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;

                border: 1px solid blue;
            border-radius: 4px;

}
.shell-body li {
  word-wrap: break-word;
  position: relative;
  padding: 0 0 0 15px;
}

.recuadro{
    border: 1px solid #d3d3d3;
     border-radius: 1px;
        padding:0.2em 16px;
      margin-top:16px;
    margin-bottom:16px;
}

 .recuadroCodeVerde{
    border: 1px solid #d3d3d3;
     border-radius: 1px;
        padding:0.2em 16px;
      margin-top:16px;
    margin-bottom:16px;
        color:green;
     background-color:#ddffdd ;
}

 .recuadroCodeAzul{
    border: 1px solid #d3d3d3;
     border-radius: 1px;
        padding:0.2em 16px;
      margin-top:16px;
    margin-bottom:16px;
            color:blue;
            background-color:#ddffff ;
}


body {font-family: Arial;}

/* Style the tab */
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
 }

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: green /*#ccc;*/
}

.tablinks.active   {
    color: green /*#ccc;*/
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
 }


.botonPanel {
    background-color: #eee;
    color:   blue;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
 }

.active, .botonPanel:hover {
    background-color: #ccc;
}

.panel {
    padding: 0 18px;
    display: none;
    background-color: white;
    overflow: hidden;
}

.ul1 {
    list-style-type: none;
    padding: 0;
    border: 1px solid #ddd;
}

.ul1 .li1 {
    padding: 8px 16px;
    border-bottom: 1px solid #ddd;
}
.ul1 .li1:last-child {
    border-bottom: none;

}
.textoNoImportante{
}
.consolaResaltadaconsolaResaltada {
    background-color: #eeffcc;
        color:   blue;
}


/* FIN Estilo para el texto paracido consola*/


.tips{
    color:#795548 ;
    background-color:#ffffcc ;
    padding:0.2em 16px;
    border: 2px solid #ffff33;
    border-radius: 15px;
    margin-top:16px;
    margin-bottom:16px;
}

/*  -----------------------------  texto oculto en la lista -------------------   */
.textoVisible {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;*/
}

.textoVisible .textoOculto {
    visibility: hidden;
    width: 550px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: 30%;
    margin-left: -60px;
}

.textoVisible .textoOculto::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 40%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}

.textoVisible .textoOculto2 {
    visibility: hidden;
    width: 550px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 150%;
    left: -70%;
    margin-left: -20px;
}

.textoVisible .textoOculto2::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 40%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent black transparent;
}
.textoVisible:hover .textoOculto2 {
    visibility: visible;
}

.subrayadoVerde{
    text-decoration-color: green;
}
.subrayadoAzul{
    text-decoration-color: blue;
}


.textoVisible:hover .textoOculto {
    visibility: visible;
}
.tipsAmarillo{
    color:#795548 ;
    background-color:#ffffcc ;
    padding:0.3em 16px;
    border: 2px solid #ffff33;
    border-radius: 15px;
    margin-top:16px;
    margin-bottom:1px;
}
.tipsVerde{
    color:green;
    background-color:#ddffdd ;
    padding:0.3em 16px;
    border: 2px solid green;
    border-radius: 15px;
    margin-top:16px;
    margin-bottom:1px;
}

.tipsAzul{
    color:green;
    background-color:#ddffff ;
    padding:0.3em 16px;
    border: 2px solid #607d8b;
    border-radius: 15px;
    margin-top:16px;
    margin-bottom:1px;
}

.tipsRojo{
    color:green;
    background-color:#ffdddd ;
    padding:0.3em 16px;
    border: 2px solid red;
    border-radius: 15px;
    margin-top:16px;
    margin-bottom:1px;
}

/*------------------------------------FIN CSS---------------------------------------------*/
.lista1{
    color:black;
}


</CSS>


======ParaView======


Pagina oficial Paraview: [[https://www.paraview.org/download//|Download]]


**Visualización de grandes volúmenes de datos más sencilla con ParaView
**
ParaView es el motor de visualización de posprocesamiento de código abierto líder a nivel mundial. Se integra con herramientas y flujos de trabajo existentes, permitiendo crear visualizaciones para analizar datos de forma rápida y eficiente. Gracias a su interfaz de usuario abierta, flexible e intuitiva, es posible analizar conjuntos de datos extremadamente grandes de manera interactiva en 3D o mediante programación, utilizando el procesamiento por lotes de ParaView.

ParaView 6.0.1 se encuentra instalado en los servidores Sersic y Mirta. Para utilizar los recursos de estos servidores de alto rendimiento, ParaView permite conectarse desde una PC local. Para ello, es necesario tener ParaView instalado en la PC y seguir los pasos que se indican a continuación:
<HTML>
<ul class="shell-body">
         <li style="color:greenyellow"> > ssh -XY tu_usuario@sersic</li>
         <li style="color:greenyellow"> > </li>
         <li style="color:greenyellow">[tu_usuario@milan01 ~]$ module load paraview</li>
         <li style="color:greenyellow"> > </li>
          <li style="color:greenyellow">[tu_usuario@milan01 ~]$ pvserver --server-port=11112 --verbosity=3</li>
</ul>
<br>
</HTML>

El shell debería mostrar el siguiente mensaje:

<HTML>
<ul class="shell-body">
         <li style="color:greenyellow">(uptime) [thread name/id ]  file:line     v| </li>
<li style="color:greenyellow">(0.154s) [pvserver    ]   loguru.cpp:602      1| arguments: .../bin/pvserver-real --server-port=11111 --verbosity=3</li>
<li style="color:greenyellow">(0.154s) [pvserver    ]   loguru.cpp:605      1| Current dir: /home/tu_usuario</li>
<li style="color:greenyellow">(0.154s) [pvserver    ]   loguru.cpp:607      1| stderr verbosity: 3</li>
<li style="color:greenyellow">(0.154s) [pvserver    ]   loguru.cpp:608      1| -----------------------------------</li>
<li style="color:greenyellow">Waiting for client...</li>
<li style="color:greenyellow">Connection URL: cs://milan01:11111</li>
<li style="color:greenyellow">Accepting connection(s): milan01:11111</li>
</ul>
<br>
</HTML>
En este punto, el servidor queda a la espera de la conexión desde el cliente.

Desde la PC local, ejecutar el programa ParaView, que se utilizará como cliente. Luego, ir al menú “File” y seleccionar la opción “Connect…”.


{{:wiki:paraview:paraview_tutorial.png?400|}}


En la ventana emergente, seleccionar “Add Server”. La configuración de los servidores debe ser la siguiente:


========Para Sersic========


{{:wiki:paraview:paraview_config_sersic.png?400|}}

Presionar el botón "Configure"
========Para Mirta========

{{:wiki:paraview:paraview_config_mirta.png?400|}}

Presionar el botón "Configure"


Finalmente, establecer la conexión presionando el botón “Connect”.

{{:wiki:paraview:paraview_tutorial_connect_aux_2.png?400|}}