Contenido Shortcodes #

• Iframe de Fusion 360
• Agregar Video Local MP4
• Botón de Descarga
• Agregar Visor de PDF

---

{{< pdf-viewer id="pdf-hugo" link="/pdf/sem04_modelacion_E20_paso a paso.pdf" >}}

![lavamanos](img/lavamanos_p.png "Paso a paso del proceso.")

![Tinta_conductiva](img/uai_1_ti_tinta.jpg "Tinta conductiva de corriente. Hecha con colafría y grafito")

{{< video-local src="MID_T2_TP_Parejas_registro_1.mp4" >}}

{{< youtube Se_EWBrFClE  >}}

{{< iframe-fusion link="https://alumnos2281.autodesk360.com/shares/public/SH9285eQTcf875d3c5397558be97507ddce8?mode=embed" /*>}}

{{< pdf-viewer id="pdf-hugo" link="/uai_2_hd_Morris.pdf" >}}

{{< pdf-viewer id=“pdf-hugo” link="/uai_2_hd_Morris.pdf" >}}

Agregar Iframe de Fusion 360 #

{{< iframe-fusion link=“ https://myhub.autodesk360.com/ue2ce4e3a/shares/public/SH56a43QTfd62c1cd968edbffd1ceafd2764?mode=embed" >}}

Código Iframe de Fusion 360 Markdown #

{{</* iframe-fusion link="https://myhub.autodesk360.com/ue2ce4e3a/shares/public/SH56a43QTfd62c1cd968edbffd1ceafd2764?mode=embed" >}}

Código Iframe de Fusion 360 HTML Shortcode #

<div>
    <iframe 
    src='{{ index .Params "link" }}'
    width="100%" 
    height="450" 
    allowfullscreen="true" 
    webkitallowfullscreen="true" 
    mozallowfullscreen="true"  
    frameborder="0">
    </iframe>    
</div>

[Volver Arriba]

---

Agregar Video Local MP4 #

Código Video Local MP4 Markdown #

Carpeta de videos se encuentra en /static/img

{{< video-local src="video.mp4" >}}

Código Video Local MP4 HTML Shortcode #

<div>
    <video 
    width="100%" 
    height="450" 
    autoplay muted loop controls preload>
    <source src="/{{ index .Params "src" }}"  type="video/mp4">
    </video>
</div>

[Volver Arriba]

---

Agregar Botón de Descarga #

Descargar

Código Botón de Descarga Markdown #

{{< boton-descargar src="documento.pdf" >}}

Código Botón de Descarga HTML Shortcode #

<a class="face-button" href="/descargas/{{ index .Params "src" }}" download>
    <div class="face-primary">
        <span class="icon fa fa-cloud"></span>
        Descargar
    </div>
    <div class="face-secondary">
        <span class="icon fa fa-hdd-o"></span>
    </div>
</a>

[Volver Arriba]

---

Agregar visor de archivos PDF #

Ver en Pantalla Completa

Código Visor de archivos PDF Markdown #

Ejemplo con PDF en carpeta /static/pdf.

{{< pdf-viewer id="pdf-hugo" link="/pdf/Ale_cifuentes_V_ensayo_TBDC.pdf" >}}

Código Visor de archivos PDF HTML Shortcode #

<iframe id='{{ index .Params "id" }}' src='{{ index .Params "link" }}'
frameborder="0" scrolling="yes" seamless="seamless" style="display:block; width:100%; height:60vh;"></iframe>

<button onclick="myFunction('{{ index .Params "id" }}')" class="button button-primary mb-2" style="width: 100%;">Ver Pantalla Completa</button>

<script>
    function myFunction(id) {
      document.getElementById(id).classList.add("full-screen");
    }
    document.addEventListener('keydown', function(event){
	if(event.key === "Escape"){
        document.getElementById('{{ index .Params "id" }}').classList.remove("full-screen");
	}
});
</script>