Herramientas de usuario

Herramientas del sitio

Traza:
wiki:licencias

Diferencias

Muestra las diferencias entre dos versiones de la página.

Enlace a la vista de comparación

Próxima revisión		Revisión previa
Ambos lados, revisión siguiente
wiki:licencias [2022/08/16 13:43]
srgualpa creado		wiki:licencias [2022/08/17 13:41] (actual)
srgualpa [Licencias]
Línea 1: Línea 1:
-=====Ejemplos Script Slurm===== +<CSS>
-<HTML>    +
-         <!--  ---------------------------------------------------------------------------------------------------------------------------------- -->+
  
-<button class="botonPanel"  >Scripts Slurm Clemente</button> + /*-------------------------------------   CSS  ----------------------------------------------*/ 
-<div class="panel"> +/* Estilo para el texto paresido consola  */ 
-     <button class="botonPanel"  >GPU</button> +      
-     <div class="panel"> +  
-         <br> +      
-         <ul class="ul1"> +      
-            <li class="li1">Tarea: ejecutar programas utilizando gpu </li> +      
-            <li class="li1">Ejecución: sbatch submit_gpu_job.sh </li> +.shell-body { 
-            <li class="li1">Partición: gpu </li> +  margin: 0; 
-            <li class="li1">Tiempo máximo: 3 días </li>+  padding: 5px; 
 +  list-style: none; 
 +  background:    #141414;  /* #eeffcc; amarillo*/ 
 +  color: #45D40C;      
 +  font: 0.8em 'Andale Mono', Consolas, 'Courier New'; 
 +  line-height: 1.6em;
  
-         </ul>     +  -webkit-border-bottom-right-radius: 3px; 
-         <br> +  -webkit-border-bottom-left-radius: 3px; 
-</HTML>          +  -moz-border-radius-bottomright: 3px; 
-        <file c submit_gpu_job.sh[enable_line_numbers="true",highlight_lines_extra="7,10,11,14,17,28,32"]> +  -moz-border-radius-bottomleft: 3px; 
-                #!/bin/bash+  border-bottom-right-radius: 3px; 
 +  border-bottom-left-radius: 3px;
  
-                ### Las líneas #SBATCH configuran los recursos de la tarea +                border: 2px solid green; 
-                ### (aunque parezcan estar comentadas)+            border-radius: 8px; 
 +     
 +} 
 +.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;}
  
-                ### Nombre de la tarea +/* Style the tab */ 
-                #SBATCH --job-name=gpu_job+.tab { 
 +    overflow: hidden; 
 +    border: 1px solid #ccc; 
 +    background-color: #f1f1f1; 
 +}
  
-                ### Cola de trabajos a la cual enviar. +/* Style the buttons inside the tab */ 
-                #SBATCH --partition=gpu +.tab button { 
-                #SBATCH --gres=gpu:1+    background-color: inherit; 
 +    float: left; 
 +    border: none; 
 +    outline: none; 
 +    cursor: pointer; 
 +    padding: 14px 16px; 
 +    transition: 0.3s; 
 +    font-size: 17px; 
 + }
  
-                ### Procesos a largar. +/* Change background color of buttons on hover */ 
-                ### Por defecto, se usa un solo proceso para tareas GPU. +.tab button:hover { 
-                #SBATCH --ntasks-per-node=1+    background-color: #ddd; 
 +}
  
-                ### Tiempo de ejecucion. Formato dias-horas:minutos. +/* Create an active/current tablink class */ 
-                #SBATCH --time 3-0:00+.tab button.active { 
 +    background-color: green /*#ccc;*/ 
 +}
  
-                ### Script que se ejecuta al arrancar el trabajo+.tablinks.active   { 
 +    color: green /*#ccc;*/ 
 +}
  
-                ### Cargar el entorno del usuario incluyendo la funcionalidad de modules +/* Style the tab content */ 
-                ### No tocar +.tabcontent { 
-                . /etc/profile+    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; 
 +} 
 +              
  
-                ### Cargar los módulos para la tarea 
-                # FALTA: Agregar los módulos necesarios 
-                module load gcc 
-                module load cuda 
-                ### Largar el programa 
-                # FALTA: Cambiar el nombre del programa 
-                srun NOMBRE_DEL_PROGRAMA 
-        </file> 
-<HTML>  
-    </div> 
          
-    <button class="botonPanel"  >MPI</button> +</CSS>
-     <div class="panel"> +
-         <br> +
-         <ul class="ul1"> +
-            <li class="li1">Tarea: ejecutar programas utilizando mpi </li> +
-            <li class="li1">Ejecución: sbatch submit_mpi_job.sh </li> +
-            <li class="li1">Partición: batch </li> +
-            <li class="li1">Tiempo máximo: 3 días  </li> +
-         </ul>     +
-         <br> +
-</HTML>        +
-        <file c submit_mpi_job.sh[enable_line_numbers="true",highlight_lines_extra="7,10,13,16,26,31"]> +
-            #!/bin/bash+
  
-            ### Las líneas #SBATCH configuran los recursos de la tarea 
-            ### (aunque parezcan estar comentadas) 
  
-            ### Nombre de la tarea 
-            #SBATCH --job-name=mpi_job 
  
-            ### Tiempo de ejecucion. Formato dias-horas:minutos. 
-            #SBATCH --time 3-0:00 
  
-            ### Numero de procesos a ser lanzados. 
-            #SBATCH --ntasks=2 
  
-            ### Nombre de partcion 
-            #SBATCH --partition=batch 
  
-            ### Script que se ejecuta al arrancar el trabajo+<CSS>
  
-            ### Cargar el entorno del usuario incluyendo la funcionalidad de modules + /*-------------------------------------   CSS  ----------------------------------------------*/ 
-            ### No tocar +/* Estilo para el texto paresido consola  */ 
-            . /etc/profile+      
 +  
 +      
 +      
 +      
 +.shell-body { 
 +  margin: 0; 
 +  padding: 5px; 
 +  list-style: none; 
 +  background:    #141414;  /* #eeffcc; amarillo*/ 
 +  color: #45D40C;      
 +  font: 0.8em 'Andale Mono', Consolas, 'Courier New'; 
 +  line-height: 1.6em;
  
-            ### Cargar los módulos para la tarea +  -webkit-border-bottom-right-radius: 3px; 
-            # FALTA: Agregar los módulos necesarios +  -webkit-border-bottom-left-radius: 3px; 
-            module load gcc +  -moz-border-radius-bottomright: 3px; 
-            module load openmpi+  -moz-border-radius-bottomleft: 3px; 
 +  border-bottom-right-radius: 3px; 
 +  border-bottom-left-radius: 3px;
  
-            ### Largar el programa con los cores detectados +                border: 2px solid green; 
-            ### La cantidad de nodos y cores se detecta automáticamente +            border-radius: 8px;
-            # FALTA: Cambiar el nombre del programa +
-            srun NOMBRE_DEL_PROGRAMA +
-        </file> +
-<HTML>   +
-    </div>+
          
-    <button class="botonPanel"  >OPENMP</button> +} 
-     <div class="panel"> +.shell-body li { 
-         <br> +  word-wrap: break-word; 
-         <ul class="ul1"> +  position: relative; 
-            <li class="li1">Tarea: ejecutar programas utilizando OPENMP </li> +  padding: 0 0 0 15px; 
-            <li class="li1">Ejecución: sbatch openmp </li> +} 
-            <li class="li1">Partición: batch </li> +      
-            <li class="li1">Tiempo máximo: 3 días </li> +.recuadro{ 
-         </ul>     +    border: 1px solid #d3d3d3; 
-         <br> +     border-radius: 1px;       
-</HTML>          +        padding:0.2em 16px; 
-        <file c submit_openmp_job.sh[enable_line_numbers="true",highlight_lines_extra="7,10,18,21,30,31,35,39"]> +      margin-top:16px; 
-            #!/bin/bash+    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;}
  
-            ### Las líneas #SBATCH configuran los recursos de la tarea +/* Style the tab */ 
-            ### (aunque parezcan estar comentadas)+.tab { 
 +    overflow: hidden; 
 +    border: 1px solid #ccc; 
 +    background-color: #f1f1f1; 
 +}
  
-            ### Nombre de la tarea +/* Style the buttons inside the tab */ 
-            #SBATCH --job-name=openmp_job+.tab button { 
 +    background-color: inherit; 
 +    float: left; 
 +    border: none; 
 +    outline: none; 
 +    cursor: pointer; 
 +    padding: 14px 16px; 
 +    transition: 0.3s; 
 +    font-size: 17px; 
 + }
  
-            ### Cola de trabajos a la cual enviar. +/* Change background color of buttons on hover */ 
-            #SBATCH --partition=batch+.tab button:hover { 
 +    background-color: #ddd; 
 +}
  
-            ### Procesos a largar. +/* Create an active/current tablink class */ 
-            ### Es OpenMP, o sea que un proceso en un nodo y muchos hilos. +.tab button.active { 
-            #SBATCH --ntasks=1+    background-color: green /*#ccc;*/ 
 +}
  
-            ### Hilos por proceso +.tablinks.active   { 
-            ### Poner el mismo valor acá que en OMP_NUM_THREADS/MKL_NUM_THREADS +    color: green /*#ccc;*/ 
-            #SBATCH --cpus-per-task=56+}
  
-            ### Tiempo de ejecucion. Formato dias-horas:minutos. +/* Style the tab content */ 
-            #SBATCH --time 3-0:00+.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; 
 + }
  
-            ### Script que se ejecuta al arrancar el trabajo+.active, .botonPanel:hover { 
 +    background-color: #ccc;  
 +}
  
-            ### Cargar el entorno del usuario incluyendo la funcionalidad de modules +.panel { 
-            ### No tocar +    padding: 0 18px; 
-            . /etc/profile+    display: none; 
 +    background-color: white; 
 +    overflow: hidden; 
 +} 
 +      
 +.ul1 { 
 +    list-style-type: none; 
 +    padding: 0; 
 +    border: 1px solid #ddd; 
 +}
  
-            ### Configurar OpenMP/MKL/etc con la cantidad de cores detectada. +.ul1 .li1 { 
-            export OMP_NUM_THREADS=56 +    padding: 8px 16px; 
-            export MKL_NUM_THREADS=56+    border-bottom: 1px solid #ddd;   
 +}   
 +.ul1 .li1:last-child { 
 +    border-bottom: none; 
 +  
 +}     
 +.textoNoImportante{          
 +} 
 +.consolaResaltadaconsolaResaltada { 
 +    background-color: #eeffcc;  
 +        color:   blue; 
 +} 
 +     
  
-            ### Cargar los módulos para la tarea +/* FIN Estilo para el texto paracido consola*/ 
-            # FALTA: Agregar los módulos necesarios + 
-            module load gcc+      
 +.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; 
 +} 
 +              
  
-            ### Largar el programa 
-            # FALTA: Cambiar el nombre del programa 
-            srun NOMBRE_DEL_PROGRAMA 
-        </file> 
-<HTML> 
-    </div> 
          
 +</CSS>
 +
 +
 +
 +
 +
 +
 +             
 +
 +<CSS>
 +
 + /*-------------------------------------   CSS  ----------------------------------------------*/
 +/* Estilo para el texto paresido consola  */
 +     
 + 
 +     
 +     
 +/*     
 +.shell-body {
 +  margin: 0;
 +  padding: 5px;
 +  list-style: none;
 +  background:    #141414;   #eeffcc; amarillo
 +  color: #45D40C;     
 +  font: 0.8em 'Andale Mono', Consolas, 'Courier New';
 +  line-height: 1.6em;
 +
 +  -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: 2px solid green;
 +            border-radius: 8px;
          
 +}*/
 +.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;
          
-</div>+} 
 +.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>
 +======= Licencias =======
 +                   
 +<HTML>
 +<!--  ---------------------------------------------------------------------------------------------------------------------------------- -->
 +<p>Las licencias de software son un contrato de autorización sobre la obra entre el autor del programa y el usuario, en el cual definen con precisión los deberes de ambas partes. El autor tiene derecho intelectual exclusivo y concede a otros permisos utilizando licencias de software.</p>
  
 +
 +
 +  <!--   <p><a href="https://slurm.schedmd.com/"> Licencias</a> e. </p>-->
 +
 +   
 +
 +    <br>
 +<!--  ---------------------------------------------------------------------------------------------------------------------------------- -->
 +
 +</HTML>    
 +
 +=====Ejemplos de licencias de software=====
 +<HTML>   
 +         <!--  ---------------------------------------------------------------------------------------------------------------------------------- -->
 +
 +
 +     <button class="botonPanel"  >MIT</button>
 +     <div class="panel">
 +         <br>
 +         <ul class="ul1">
 +            <li class="li1"> </li>
 +            <li class="li1">Wikipedia: https://es.wikipedia.org/wiki/Licencia_MIT </li>
 +            <li class="li1">Copyleft: NO </li>
 +            <li class="li1">Utilizable con otras licencias</li>
 +
 +         </ul>    
 +         <br>
 +</HTML>         
 +        <file txt LICENSE[enable_line_numbers="true",highlight_lines_extra="11,12,13,14,15,16,17"]>
 +               MIT License
 +
 +Copyright (c) <YEAR> <COPYRIGHT HOLDER>
 +
 +Permission is hereby granted, free of charge, to any person obtaining a copy
 +of this software and associated documentation files (the "Software"), to deal
 +in the Software without restriction, including without limitation the rights
 +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 +copies of the Software, and to permit persons to whom the Software is
 +furnished to do so, subject to the following conditions:
 +
 +The above copyright notice and this permission notice shall be included in all
 +copies or substantial portions of the Software.
 +
 +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
 +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 +SOFTWARE.
 +        </file>
 +<HTML> 
 +    </div>
          
-            +    <button class="botonPanel"  >BSD 3</button> 
 +     <div class="panel"> 
 +         <br> 
 +         <ul class="ul1"> 
 +            <li class="li1">Wikipedia: https://es.wikipedia.org/wiki/Licencia_BSD </li> 
 +            <li class="li1">Copyleft: NO </li> 
 +            <li class="li1">Utilizable con otras licencias</li> 
 +         </ul>     
 +         <br> 
 +</HTML>        
 +        <file txt LICENSE[enable_line_numbers="true",highlight_lines_extra="21,22,23,24,25"]> 
 +BSD 3-Clause License
  
 +Copyright (c) <YEAR> <COPYRIGHT HOLDER>
 +All rights reserved.
 +
 +Redistribution and use in source and binary forms, with or without
 +modification, are permitted provided that the following conditions are met:
 +
 +1. Redistributions of source code must retain the above copyright notice, this
 +   list of conditions and the following disclaimer.
 +
 +2. Redistributions in binary form must reproduce the above copyright notice,
 +   this list of conditions and the following disclaimer in the documentation
 +   and/or other materials provided with the distribution.
 +
 +3. Neither the name of the copyright holder nor the names of its
 +   contributors may be used to endorse or promote products derived from
 +   this software without specific prior written permission.
 +
 +THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
 +AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
 +IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
 +DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
 +FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
 +DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
 +SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
 +CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
 +OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
 +OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 +        </file>
 +<HTML>  
     </div>     </div>
  
-        
-     
-     
-     
-     
-     
-     
          
          
          
 +</div>
 +  
  
-         
-         
-         
     </div>     </div>
 +
 +
     <br>               <br>          
     <br>               <br>          
wiki/licencias.1660657407.txt.gz · Última modificación: 2022/08/16 13:43 por srgualpa