{% extends 'template.html' %}

{% block css %}
<link rel="stylesheet" href="{{url_for('static', filename='a_home/home.css')}}">
<!-- {# css tema #} -->
<link rel="stylesheet" href="{{url_for('static', filename='b_tema_subseccion/tema/tema.css')}}">


<!-- test del font icon linux -->


{% endblock css %}




{% block body %}

<!-- 
<ul class="nav nav-tabs" id="tab-dix" role="tablist">
	<li class="nav-item">
		<a class="nav-link active" id="tab1-tab" data-toggle="tab" href="#tab1" role="tab"
			aria-controls="tab1" aria-selected="true"><i class="bi bi-lock-fill"></i> tab 1</a>
	</li>
	<li class="nav-item">
		<a class="nav-link" id="tab2-tab" data-toggle="tab" href="#tab2" role="tab" aria-controls="tab2"
			aria-selected="false"><i class="bi bi-windows"></i> tab 2</a>
	</li>
</ul>
<div class="tab-content" id="myTabContent">
	<div class="tab-pane fade active show" id="tab1" role="tabpanel" aria-labelledby="tab1-tab">
		{# i nav 1 #}
		<span>1</span>
		{# f nav 1 #}
	</div>
	<div class="tab-pane fade" id="tab2" role="tabpanel" aria-labelledby="tab2-tab">
		{# i nav 2 #}
		<span>2</span>
		{# f nav 2 #}
	</div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
###############################################################################################################################################
<i class="bi bi-windows"></i>
<i class="bi bi-ubuntu"></i>
<i class="bi bi-apple"></i> 

<pre><i class="bi bi-copy"> Copiar código</i>
<code class="code_lightMode">test</code></pre>

###############################################################################################################################################
<a class="link" data-bs-toggle="modal" data-bs-target="#subrutina">subrutina</a> 

<div class="img zoomable">
	<img src="/static/source_imgs/python/pst_1/py_1.png" alt="">
</div>


<pre contenteditable="true">
-->

<!-- <div class="alert alert-info" role="alert">
  <span><i class="bi bi-pen-fill"></i> Recomendación:</span>
  <p>El en repositorio de Git guarda los archivos de configuración <b>.wsgi</b> y <b>.conf</b> para que no los estes
    creando cada vez que
    despliegas cambios dentro del proyecto.</p>
</div> -->

<!-- &#92 = \ -->

<!-- {# i btn toggle see code #} -->
{% include 'components/btn-toggle-see-code.html' %}
<!-- {# f btn toggle see code #} -->


<!-- ############################################################################################################## -->
<!-- test inicio -->



<!-- test final -->
<!-- ############################################################################################################## -->

<!-- Contenedor para el modal (inicialmente oculto) -->
<div id="zoomModal" class="modal-img">
	<div class="modal-img-content">
		<button class="close-btn" id="closeModal"><i class="bi bi-x-circle-fill"></i></button>
		<img id="zoomedImage" src="" alt="">
	</div>
</div>




<!-- <p>
	El proceso es muy facil, tu deberas generar un script el cual haga algo que a ti te interese que se ejecute en mi
	caso un script sencillo para actualizar el sistema, el script estara en el archivo <i>upgrade.sh</i> en la ruta
	<i>/home/dix/scripts_linux/</i> y su contenido
	es el siguiente:
</p>

<pre><i class="bi bi-copy" id="btn_c6"> Copiar código</i><code id="c6" class="code_lightMode">#!/bin/bash

# almacenar la información de la fecha en la variable d
d=$(date)

# colocar la información de fecha y la palabra upgrade en el archivo que esta en la ruta /home/dix/scripts_linux/history_log.txt
echo "$d: upgrade" >> "/home/dix/scripts_linux/history_log.txt"

# hacer la actualización del sistema
sudo apt-get update && sudo apt-get upgrade -y
</code></pre>

<p>
	Primero, para poder automatizar esta tarea debemos dar autorización de ejecución del script mediante el comando:
</p>
<pre><i class="bi bi-copy" id="btn_c7"> Copiar código</i>
<code id="c7" class="code_lightMode" contenteditable="true">sudo chmod +x /home/dix/scripts_linux/upgrade.sh</code></pre>
<p>
	Previo a la modificación del archivo de configuración debes conocer la estructura de la Sintaxis básica de cron: <br>
	* * * * * /ruta/a/tu/script.sh
</p>


<p>
	En caso de que tu script modifique el sistema como es este caso, entonces debes correr con el prefijo sudo, en
	caso contrario no requieres usar sudo:
</p>
<pre><i class="bi bi-copy" id="btn_c8"> Copiar código</i>
<code id="c8" class="code_lightMode">sudo crontab –e</code></pre>

<p>
	Cuando uses crontab por primera vez te requerida seleccionar el editor que planeas usar en este caso yo siempre uso
	nano que es la opción 1, nano es facil y viene instalado de forma nativa, una vez abierto el archivo de configuración
	de crontab deberas ir al final de archivo y añadi
</p> -->








{% block js %}
<!-- {# scripts de la sección tema #} -->
<!-- {# este código siempre debe ir arriba del otro donde mandamos a llamar sus funciones #} -->
<script src="{{url_for('static', filename='b_tema_subseccion/tema/tema.js')}}"></script>
<!-- <i class="fa-solid fa-check"></i> -->
<script src="{{url_for('static', filename='b_tema_subseccion/tema/btn-toggle.js')}}"></script>
<script src="{{url_for('static', filename='b_tema_subseccion/tema/zoomable.js')}}"></script>
{% endblock js %}

{% endblock body %}