68 lines
2.0 KiB
HTML
68 lines
2.0 KiB
HTML
{% extends 'template.html' %}
|
|
|
|
{% block css %}
|
|
<link rel="stylesheet" href="{{ url_for( 'static', filename='h_tmp_user/d_read_post/read_post.css' ) }}">
|
|
<link rel="stylesheet" href="{{ url_for( 'static', filename='e_blog/b_share_btn.css' ) }}">
|
|
{% endblock css %}
|
|
|
|
{% block navbar %}
|
|
{% include 'z_comps/navbar.html' %}
|
|
{% endblock navbar %}
|
|
|
|
{% block body %}
|
|
|
|
<div class="pst-cont">
|
|
<h1>{{data[5]}}</h1>
|
|
|
|
<spam>
|
|
<a type="button" class="btn btn-secondary" href="{{ url_for( 'blog' ) }}"><i class="bi bi-arrow-left" ></i> Publicaciones</a> <br>
|
|
<i class="bi bi-person-circle"></i> {{data[0]}} {{data[1]}} |
|
|
<i class="bi bi-pencil-square"></i> {{data[2]}} |
|
|
{% if data[3] is not none %}
|
|
<i class="bi bi-arrow-repeat"></i> {{data[3]}} |
|
|
{% endif %}
|
|
<i class="bi bi-clock-history"></i> {{ data[4] }} Minutos |
|
|
<i class="bi bi-eye"></i> {{ data[7] }}
|
|
</spam>
|
|
|
|
<div class="share">
|
|
<div class="share__wrapper">
|
|
<div class="share__toggle"><i class="bi bi-share-fill"></i></div>
|
|
<button href="#" class="share__button fb"><i class="bi bi-facebook"></i></button>
|
|
<button href="#" class="share__button tw"><i class="bi bi-twitter-x"></i></button>
|
|
<button class="share__button in"><i class="bi bi-linkedin"></i></button>
|
|
<button class="share__button copy"><i class="bi bi-link-45deg"></i></button>
|
|
<button class="share__button wa"><i class="bi bi-whatsapp"></i></button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="bd_post">
|
|
|
|
{{data[6] | safe}}
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script>
|
|
document.querySelectorAll('.share__toggle').forEach(btn => {
|
|
btn.addEventListener('click', () => {
|
|
btn.closest('.share').classList.toggle('open');
|
|
});
|
|
});
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
{% endblock body %}
|
|
{% block js %}
|
|
{% include "z_comps/read_progress.html" %}
|
|
|
|
<script type="module" src="{{ url_for('static', filename='e_blog/copy_url.js') }}"></script>
|
|
|
|
<!-- {# flecha ir hasta arriba #} -->
|
|
{% include 'z_comps/arrow_to_up.html' %}
|
|
{% endblock js %} |