Adding xmpp post.

This commit is contained in:
sergiotarxz 2024-03-27 02:12:25 +01:00
parent 92206fe7ca
commit e9749f3afb
7 changed files with 97 additions and 29 deletions

View File

@ -0,0 +1,15 @@
<category>
<title>XMPP Groups and Tips for administrators.</title>
<menu_text>XMPP</menu_text>
<description>
<p>Find your perfect XMPP community.</p>
</description>
<extra-text>
<h2>This is a mixed english and spanish category
for the XMPP protocol.</h2>
<p>Both for group discovery
and administration recipes.</p>
</extra-text>
<img src="/img/xmpp.webp"/>
<slug>xmpp</slug>
</category>

View File

@ -0,0 +1,32 @@
<post>
<author>Owlcode.tech</author>
<date>2024-03-27T00:30+00:00</date>
<title>Une tus grupos de Telegram y XMPP e incluso otras plataformas con Matterbridge.</title>
<ogdesc>Une tus grupos de Telegram y XMPP e incluso otras plataformas con Matterbridge.</ogdesc>
<ogdesc>Contrata nuestros servicios de desarrollo web.</ogdesc>
<category>xmpp</category>
<slug>une-tus-grupos-de-telegram-y-xmpp-con-matterbridge</slug>
<img src="/img/matterbridge.webp"/>
<content>
<p>Tanto Telegram como XMPP son posibles opciones a la hora de organizar tu comunidad;
ambos tienen ventajas y desventajas; y gente distinta que podría participar en ella.
Pero, ¿Y si pudieses crear una comunidad que traspasase las fronteras de los distintos
sistemas de mensajería?</p>
<p>Eso es precisamente lo que hace Matterbridge un software desarrollado en Golang por 42wim,
a lo largo de este artículo descubriréis que es un software muy sencillo de usar teniendo
un conocimiento mínimo de Linux.</p>
<p>En primer lugar vamos a crear el bot de telegram que servirá para enlazar la comunidad a XMPP:</p>
<p>Para realizar esto deberás hablar con <a href="https://t.me/BotFather">@BotFather</a> y en su menú
seleccionar /newbot, para el nombre del bot escribiremos "XMPP User" para que los usuarios sepan de
que tratan los mensajes que envía el bot.</p>
<p>A continuación nos preguntará por un nombre de usuario, puedes escoger el que deseés. Yo he escogido "pruebabridgexmppbot".</p>
<p>Ahora en el menú de Botfather seleccionaremos /mybots y pulsaremos sobre nuestro bot recien creado, tras hacer esto pulsaremos sobre "Bot Settings/Group Privacy" y seleccionaremos "Turn Off".</p>
<p>Este paso es necesario para que el bot de Telegram pueda leer los mensajes de los usuarios que no le mencionan directamente y enviarlos a XMPP.</p>
</content>
</post>

View File

@ -3,10 +3,18 @@ img.index-image-menu {
padding: 5px;
border-radius: 5px; }
div.padding-side {
margin-left: 10%;
margin-right: 10%; }
div.content {
padding-left: 30px;
padding-right: 30px; }
.padding {
padding-left: 30px;
padding-right: 30px; }
div.title-image {
position: relative;
max-height: 80vh;
@ -518,35 +526,37 @@ body {
max-width: 694px; } }
@media (min-width: 1100px) {
body nav.mobile-foldable, body nav.mobile-foldable.show {
display: none; }
body nav.mobile-shortcuts {
display: none; }
body div.search-in-page.active {
display: none; }
body div.page-contents {
top: 0%;
left: 0%;
height: 80%;
border: solid 1px black; }
body div.page-contents div.description.open-browser-container {
margin-left: 0;
margin-right: 0; }
body div.page-contents div.description {
margin-left: 10%;
margin-right: 10%; }
body div.page-contents nav.desktop {
display: block;
height: auto;
height: 60px; }
body div.page-contents nav.desktop a {
display: table-cell;
body {
font-size: 25px; }
body nav.mobile-foldable, body nav.mobile-foldable.show {
display: none; }
body nav.mobile-shortcuts {
display: none; }
body div.search-in-page.active {
display: none; }
body div.page-contents {
top: 0%;
left: 0%;
height: 80%;
border: solid 1px black; }
body div.page-contents div.description.open-browser-container {
margin-left: 0;
margin-right: 0; }
body div.page-contents div.description {
margin-left: 10%;
margin-right: 10%; }
body div.page-contents nav.desktop {
display: block;
height: auto;
height: 60px; }
body div.page-contents nav.desktop a img.index-image-menu {
height: 40px;
width: 40px; }
body div.page-contents.no-carousel {
height: 100%; } }
body div.page-contents nav.desktop a {
display: table-cell;
height: 60px; }
body div.page-contents nav.desktop a img.index-image-menu {
height: 40px;
width: 40px; }
body div.page-contents.no-carousel {
height: 100%; } }
@media (min-width: 1333px) {
body div.page-contents div.description div.articles a {

View File

@ -17,11 +17,21 @@ img.index-image-menu {
border-radius: 5px;
}
div.padding-side {
margin-left: 10%;
margin-right: 10%;
}
div.content {
padding-left: 30px;
padding-right: 30px;
}
.padding {
padding-left: 30px;
padding-right: 30px;
}
div.title-image {
position: relative;
max-height: 80vh;
@ -786,6 +796,7 @@ body {
@media (min-width: 1100px) {
body {
font-size: 25px;
nav.mobile-foldable, nav.mobile-foldable.show {
display: none;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

BIN
public/img/xmpp.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

View File

@ -11,7 +11,7 @@
% my $base_url = config 'base_url';
% layout 'default', current_category_slug => $current_category->{slug}, categories => $categories, description_og => $description_og, ogimage => "$base_url/posts/$post->{slug}-preview.png?v=4";
% title $post->{title};
<div id="first-box" class="description margin">
<div id="first-box" class="margin">
% if (defined $post->{image}) {
<div class="title-image">
<img alt="Portada del artículo: <%= $post->{title} %>" src="<%=$post->{image}%>"/>