Bloggeri feed | blogilõim

 

Nagu me kõik juba märganud oleme, on bloggeri enda postitussöötja rikkis. Kaput. 

Neile, kes kasutavad oma blogi küljeriba, võin pakkuda koodi. Näidis on samases blogis olemas. 61 blogi, millest osa, tõsi küll, on surnud või koomas. Ilmuvad viimase 10 p jooksul kaasblogija poolt tehtud viimased postitused. Kui mõni koomas blogi üles ärkab, ilmub jälle nimekirja. 

Kood läheb HTML/Java vidina sisusse, pealkirjaks pane, mida iganes:

Kood (copy-paste tärnide VAHEL olev osa):

*****************

<div id="parlikee">Laen...</div>

<style>

#parlikee {

  font-size: 13px;

  line-height: 1.4;

}

#parlikee .post {

  margin-bottom: 10px;

}

#parlikee .blog {

  display: flex;

  align-items: center;

  gap: 5px;

  font-weight: bold;

}

#parlikee .favicon {

  width: 16px;

  height: 16px;

  object-fit: contain;

  flex-shrink: 0;

}

#parlikee .title {

  margin-left: 21px;

  margin-top: 1px;

}

#parlikee a {

  text-decoration: none;

}

#parlikee a:hover {

  text-decoration: underline;

}

#parlikee .age {

  margin-left: 21px;

  color: #888;

  font-size: 11px;

}

</style>

<script>

(function () {

  const API =

    "https://parlikee.redoxfrater.workers.dev/";

  const box =

    document.getElementById("parlikee");

  fetch(API + "?t=" + Date.now())

    .then(r => r.json())

    .then(data => {

      if (!data.posts || !data.posts.length) {

        box.innerHTML =

          "Ühtegi viimase 10 päeva postitust ei leitud.";

        return;

      }

      let html = "";

      data.posts.forEach(p => {

        let favicon = "";

        try {

          const hostname =

            new URL(p.url).hostname;

          favicon =

            "https://www.google.com/s2/favicons?domain=" +

            encodeURIComponent(hostname) +

            "&sz=32";

        } catch (e) {

          favicon = "";

        }

        html +=

          '<div class="post">' +

            '<div class="blog">' +

              (

                favicon

                  ? '<img class="favicon" src="' +

                    favicon +

                    '" alt="" loading="lazy">'

                  : ''

              ) +

              esc(p.blog) +

            '</div>' +

            '<div class="title">' +

              '<a href="' +

                esc(p.url) +

                '" target="_blank" rel="noopener">' +

                esc(p.title) +

              '</a>' +

            '</div>' +

            '<div class="age">' +

              age(p.date) +

            '</div>' +

          '</div>';

      });

      box.innerHTML = html;

    })

    .catch(() => {

      box.innerHTML =

        "Blogilõime laadimine ebaõnnestus.";

    });

  function age(timestamp) {

    const min =

      Math.floor(

        (Date.now() - timestamp) / 60000

      );

    if (min < 1)

      return "praegu";

    if (min < 60)

      return min + " min";

    const h =

      Math.floor(min / 60);

    if (h < 24)

      return h + " h";

    const d =

      Math.floor(h / 24);

    if (d < 7)

      return d + " p";

    const w =

      Math.floor(d / 7);

    return w + " näd";

  }

  function esc(s) {

    return String(s)

      .replace(/&/g, "&amp;")

      .replace(/</g, "&lt;")

      .replace(/>/g, "&gt;")

      .replace(/"/g, "&quot;")

      .replace(/'/g, "&#039;");

  }

})();

</script>

**************** 

Ja alati on võimalus AI, nt Claude-i poole pöörduda, sest Maakas ei jälgi kõiki, keda sina ehk jälgid. Selleks on sul vaja kõikide blogide URL-e ja seleta ära, mida sa tahad. AI küsib täpsustavad küsimused ise juurde. Tõenäoliselt on vaja kasutada vahelülina Google Apps Scripti või Claudflare Workerit (mida mina kasutan) või krt-teab-mida, aga selliste asjade juhendamisel ja koodide kirjutamisel on AI-d igati abiks ja tasemel. Isegi minusugune tohlakas saab aru.