<!DOCTYPE html>
<html lang="en">
{% block n_server %}
{% endblock n_server %}

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description"
		content="Blog personal de David Itehua Xalamihua donde comparto ideas, proyectos y experiencias.">
	<title>David Itehua Xalamihua - Blog Personal</title>
	<link rel="icon" type="image/x-icon" href="{{url_for('static', filename='favicon/favicon.ico')}}">
	<!-- {# font #} -->
	<link rel="preconnect" href="https://fonts.googleapis.com">
	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
	<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">

	<!-- {# bootstrap icons #} -->
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
	<!-- {# font awesome icons #} -->
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"
		integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg=="
		crossorigin="anonymous" referrerpolicy="no-referrer" />
	<!-- {# dix styles #} -->
	<link rel="stylesheet" href="{{url_for('static', filename='styles.css')}}">

	<!-- {# news banner css #} -->
	<link rel="stylesheet" href="{{ url_for('static', filename='news_banner.css') }}">

	<!-- {# bootstrap #} -->
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
		integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">

	<!-- {# estilos tag pre #} -->
	<!-- {# https://highlightjs.org/download #} -->
	<!-- {# code themes: https://github.com/highlightjs/highlight.js/blob/main/src/styles/agate.css #} -->
	<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.2/styles/default.min.css">
	<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.7.2/highlight.min.js"></script>
	<script>hljs.highlightAll();</script>
	<!-- {# estilos highlight.js #} -->
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/highlightjs-themes@1.0/tomorrow-night-blue.min.css">
	<!-- {# ruta para mas css #} -->

	<!-- inicio test -->
	<!-- fin test -->

	{% block css %}
	{% endblock %}

</head>

<body>

	<!-- {# i navbar #} -->
	{% include "components/navbar.html" %}
	<!-- {# f navbar #} -->

	<!-- i news banner -->
	{% include "components/news_bar.html" %}
	<!-- f news banner -->

	<!-- {# i user path #} -->
	<nav id="breadcrumb" style="--bs-breadcrumb-divider: '/';" aria-label="breadcrumb">
		<ol class="breadcrumb">
			<!-- 
			<li id="theme_icon_sun" class="icon_theme">
				<i id="mode" class="bi bi-sun-fill" style="height: 5px;"></i>
			</li> 
			-->

			<li class="breadcrumb-item">
				<a href="{{url_for('home')}}" class="path_ele">
					<i class="bi bi-house-fill"></i>
					<!-- <i class="bi bi-terminal-fill"></i> -->
				</a>
			</li>
			<!-- {#
					<li class="breadcrumb-item active" aria-current="page">
					<a href="#">
						<span>subseccion</span>
					</a>
				</li>
					#} -->
			{% block usr_path %}
			{% endblock %}
			<li class="breadcrumb-item">
				<span id="cursor"></span>
			</li>
		</ol>
	</nav>
	<!-- {# f user path #} -->

	{% include "components/up_btn.html" %}


	<div id="dix_container">
		{% block body %}
		{% endblock body %}
	</div>


	<!-- {# i footer #} -->
	{% include "components/footer.html" %}
	<!-- {# f footer #} -->


	<!-- {# bootstrap scripts #} -->
	<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
		integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL"
		crossorigin="anonymous"></script>


	<!-- {# script xala.dev #} -->
	<script src="{{url_for('static', filename='javascript.js')}}"></script>



</body>

</html>