Desarrollo y Mantenimiento de Sistemas Informáticos

4º. 1er cuatrimestre. Itinerario de Sistemas de la Información. Grado en Ingeniería Informática. ULL

GH Org   - GH Template Org   - GitHub Classroom   - Discussions   - Teams   - Campus ULL   - Students Activity   - Chat   - Google Meet

Clase del Lunes 2024/10/07

Hoy seguiremos estudiando los conceptos para la práctica de generación de sitios web estáticos.

Repositorios de los estudiantes

intro2sd.

Rúbrica

Esta es la rúbrica de la práctica:

404.md

---
title: "Error: ¡Ay Diós mío!"
---
# Clase del Lunes 2024/10/07

## Aún no he escrito esta página. 

### Avísame de cualquier fallo que veas 
### [creando una incidencia en la página de issues del repo](https://github.com/ULL-MII-SYTWS/ull-mii-sytws.github.io-source/issues/new)

<div>
<style>
img, #quote, #comment-cat {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#author {
  float: right;
}
</style>


<div id="comment-cat"></div>

<div id="cat"></div>

<br/>
<div id="quote"></div>
<div id="author"></div>

<script type="text/javascript">
/*
  https://docs.thecatapi.com/ 
*/
const URL = 'https://api.thecatapi.com/v1/images/search?size=full';

(async function() {
  try {
    
    // CAT 
    let divTitle = document.getElementById("comment-cat");
    
    let divcat = document.getElementById("cat");
    let response = await fetch(URL, {
       headers: {
       'x-api-key': "56a4f1cc-7f60-468d-9dba-e4b6f04b7c7d"
       }
    });
    let cat = await response.json();
    // console.log(cat);   
    let img = document.createElement("img");
    let title = document.createElement("h2");
    title.innerText = "Consuélate con un gatito";   
    divTitle.append(title);
    img.src = cat[0].url;
    divcat.appendChild(img);   

    // QUOTE
    const quoteDiv = document.getElementById("quote");
    const authorDiv = document.getElementById("author");
    
    const quoteRes = await fetch('https://api.quotable.io/random');
    const data = await quoteRes.json();
    quoteDiv.innerHTML = `<h2>${data.content}</h2>`;
    authorDiv.innerHTML = `<h3>—${data.author}</h3>`;
  }
  catch(e) { 
    console.log(e);
  }
})();
</script>

</div>

Personalizing your codespaces

See Personalizing your codespaces

Jekyll

Data

Liquid

Collections

Deploys