Si vous ne cherchez pas à configurer un site Web majeur sur un service d’hébergement, vous pouvez facilement exécuter un serveur Web chez vous. Nous avons précédemment expliqué comment configurer un serveur Web Raspberry Pi en utilisant un Pi 3, 4 ou Zero ordinaire, mais vous n’avez même pas besoin d’un Pi complet pour faire le travail. Avec le Raspberry Pi PIco W, un microcontrôleur compatible Wi-Fi qui ne coûte que 6 $, vous pouvez effectuer un service Web de base.
La Framboise Pi Pico W n’est pas le choix le plus évident, mais avec un peu de code MicroPython et un peu de HTML, nous pouvons servir des pages Web statiques de base à partir d’un Pico W. Ce projet comporte deux parties. Le HTML et le code MicroPython. Le HTML est ce que notre navigateur verra, et MicroPython agit comme un moyen de servir le code.
Pour ce projet, nous hébergerons une page Web de base à partir d’un Raspberry Pi Pico W. Nous montrerons également comment ajouter un peu plus d’éclat à vos pages avec CSS et JavaScript. Enfin, nous servirons le contenu au monde entier en apprenant à transmettre des demandes externes à notre Raspberry Pi Pico W.
Pour ce projet, vous aurez besoin
HTML pour le serveur Web Raspberry Pi Pico W
HyperText Markup Language (HTML) est le bloc de construction de base pour le Web. Le langage est un framework pour créer des pages web, un framework qui a depuis été mis à jour et amélioré pour des sites plus modernes.
Le code HTML de notre serveur Web Pico W peut être aussi simple ou compliqué que vous le souhaitez, mais il y a quelques mises en garde à prendre en compte. Le code HTML du site est chargé dans une variable Python, ce qui signifie que nous ne pouvons pas aller trop loin avec les fonctionnalités car le Pico W ne dispose que de 264 Ko de SRAM. Deuxièmement, nous ne pouvons pas servir d’images ou de fichiers de référence (CSS/JavaScript) sur le Pico W car nous chargeons à nouveau le HTML dans une variable Python qui ne peut pas accéder au système de fichiers.
Cela signifie que toutes les images ou CSS/JavaScript devront être accessibles à partir d’un site distant. CSS et JavaScript dans le code HTML fonctionneront, mais nous préférons référencer Bootstrap CSS et JavaScript via son CDN.
Pour créer une page HTML de base
1. Ouvrez un éditeur de texte de votre choix. Le bloc-notes est amplement suffisant, mais notre préférence est Notepad ++.
2. Définissez le type de document sur HTML, puis créez une balise html. Cela indique au navigateur que la page est écrite en HTML, et la balise indique le début du document HTML.
<!DOCTYPE html>
<html>
3. Créez une nouvelle balise, , et à l’intérieur de la tête, utilisez pour définir le titre de la fenêtre du navigateur avant de fermer le <</strong> La section <head> est l’endroit où nous stockons les métadonnées de la page. Ce sont des données dont un navigateur Web aura besoin pour comprendre la page. Nous l’utilisons pour définir le titre de la page, c’est le strict minimum pour faire fonctionner une page.</p>
<pre class="line-numbers language-bash" language="bash"><code><head>
<title>Tom's Hardware Pico W Web Server</title>
</head>
</code></pre>
<p>4. <strong>Créez une section <body>.</strong> Il s’agit de la section où le contenu visible par l’utilisateur est affiché.</p>
<pre class="line-numbers language-bash" language="bash"><code><body></code></pre>
<p>5. <strong>Créez un titre en utilisant la balise </p>
<h1> et donnez à votre page un titre / titre. </strong>Il s’agit de la plus grande balise de titre.</p>
<pre class="line-numbers language-bash" language="bash"><code><h1>Tom's Hardware Pico W Web Server</title>
</code></pre>
<p>6. <strong>Ajoutez un autre titre en utilisant </p>
<h2> et donnez un nom à la section. </strong>Dans notre exemple, il s’agit de « Les dernières nouvelles ». La balise </p>
<h2> est plus petite que </p>
<h1> mais elle souligne quand même qu’il s’agit d’une nouvelle section.</p>
<pre class="line-numbers language-bash" language="bash"><code><h2>The Latest News</h2>
</code></pre>
<p>sept. <strong>Insérez une image, liée à partir d’un CDN distant, en utilisant la balise <img>. </strong>Nous avons besoin de l’URL complète de l’image que nous souhaitons utiliser, en nous assurant que nous avons également l’autorisation d’utiliser l’image. Dans notre exemple, nous utilisons une image de <u>Pexels.com</u>, un service d’images sous licence gratuite. Les images peuvent être redimensionnées à l’aide de la balise <img>. Nous pouvons spécifier la taille en pourcentage de sa taille d’origine, ou nous pouvons coder en dur la taille en pixels.</p>
<pre class="line-numbers language-bash" language="bash"><code><img src="https://images.pexels.com/photos/1779487/pexels-photo-1779487.jpeg?cs=srgb&dl=pexels-designecologist-1779487.jpg", width=640px height=427px></code></pre>
<p>8. <strong>Utilisez la balise </p>
<p> pour créer un paragraphe de texte. </strong>Pour notre démo, nous avons utilisé deux paragraphes de Lorem Ipsum générés à l’aide d’un<u> Générateur de Lorem Ipsum.</u></p>
<pre class="line-numbers language-bash" language="bash"><code><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit…..</p>
</code></pre>
<figure class="van-image-figure inline-layout" data-bordeaux-image-check="">
<div class="image-full-width-wrapper">
<div class="image-widthsetter" style="max-width:977px;">
<p class="vanilla-image-block" style="padding-top:48.72%;"><picture><source type="image/webp" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><source type="image/jpeg" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédit image : matériel de Tom)</span></figcaption></figure>
<p>9. <strong>Fermez enfin le corps puis le document HTML.</strong></p>
<pre class="line-numbers language-bash" language="bash"><code></body>
</html>
</code></pre>
<p>dix. <strong>Enregistrez le fichier sous index.html.</strong></p>
<p>Pour l’instant gardez le code dans ce fichier, nous l’utiliserons plus tard.</p>
<h2 id="python-code-for-raspberry-pi-pico-w-web-server">Code Python pour le serveur Web Raspberry Pi Pico W</h2>
<p>Nous avons créé une page pour nos lecteurs avides, et maintenant nous devons créer un moyen de la leur servir. Pour cela, nous allons créer une courte application MicroPython qui lira le contenu de notre fichier index.html et le servira de page Web.</p>
<p>1. <strong>Suivez ce guide pour configurer votre Raspberry Pi Pico W. </strong>Suivez les étapes jusqu’à « Comment faire clignoter une LED ».</p>
<p>2. <strong>Créez un nouveau fichier vierge.</strong></p>
<p>3. <strong>Importez deux modules.</strong> Le premier est socket, une interface réseau de bas niveau. Le second est le réseau, que nous utiliserons pour nous connecter à notre point d’accès Wi-Fi.</p>
<pre class="line-numbers language-bash" language="bash"><code>import socket
import network
</code></pre>
<p>4. <strong>Créez un objet, une page et utilisez-le pour référencer le fichier HTML sur notre Pico W.</strong> Cela ouvrira le fichier en mode lecture seule.</p>
<pre class="line-numbers language-bash" language="bash"><code>page = open("index.html", "r")</code></pre>
<p>5. <strong>Lisez le contenu du fichier dans un nouvel objet, html, puis fermez le fichier.</strong> Cela lira tout le code HTML dans l’objet html.</p>
<pre class="line-numbers language-bash" language="bash"><code>html = page.read()
page.close()
</code></pre>
<p>6. <strong>Créez un objet, wlan, et utilisez-le pour créer une connexion entre notre code et la puce Wi-Fi du Pico W.</strong></p>
<pre class="line-numbers language-bash" language="bash"><code>wlan = network.WLAN(network.STA_IF)
</code></pre>
<p>sept. <strong>Activez le Wi-Fi puis connectez-vous à votre point d’accès avec votre mot de passe.</strong></p>
<pre class="line-numbers language-bash" language="bash"><code>wlan.active(True)
wlan.connect("ACCESS POINT","PASSWORD")
</code></pre>
<p>8. <strong>Créez un objet, sta_if, qui servira d’interface entre le Pico W et le point d’accès Wi-Fi.</strong></p>
<pre class="line-numbers language-bash" language="bash"><code>sta_if = network.WLAN(network.STA_IF)
</code></pre>
<p>9. Imprimez l’adresse IP du Pico W, notez l’adresse IP car nous en aurons besoin plus tard. Les données renvoyées sont un objet de liste qui contient notre adresse IP, notre masque de réseau et l’adresse du serveur DHCP. L’adresse IP est le premier élément de la liste, donc en utilisant [0] nous pouvons le renvoyer de la liste sans aucune autre information.</p>
<pre class="line-numbers language-bash" language="bash"><code>print(sta_if.ifconfig()[0])
</code></pre>
<p>dix. <strong>Réglez le Pico W pour qu’il écoute les connexions sur le port 80 à partir de n’importe quelle adresse IP. </strong>Nous utilisons socket.SO_REUSEADDR pour activer la même adresse IP à utiliser après une réinitialisation. Cela résout un problème où le Pico W aurait besoin d’une mise hors tension complète afin de réutiliser l’adresse IP.</p>
<pre class="line-numbers language-bash" language="bash"><code>addr = socket.getaddrinfo('0.0.0.0', 80)[0][-1]
s = socket.socket()
s.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, 1)
s.bind(addr)
s.listen(1)</code></pre>
<p>11. <strong>Créez une boucle pour exécuter en continu la section de code suivante.</strong></p>
<pre class="line-numbers language-bash" language="bash"><code>while True:
</code></pre>
<p>12. <strong>Configurer le Pico W pour accepter une connexion </strong>et <strong>pour créer un fichier qui deviendra notre page Web.</strong></p>
<pre class="line-numbers language-bash" language="bash"><code> cl, addr = s.accept()
cl_file = cl.makefile('rwb', 0)
</code></pre>
<p>13. <strong>Créez une autre boucle, et à l’intérieur de la boucle créez un objet, ligne, pour lire le contenu de notre page Web, ligne par ligne.</strong></p>
<pre class="line-numbers language-bash" language="bash"><code> while True:
line = cl_file.readline()
</code></pre>
<p>14. <strong>Utilisez une instruction conditionnelle pour arrêter la lecture du contenu s’il y a des retours chariot</strong> ou des sauts de ligne.</p>
<pre class="line-numbers language-bash" language="bash"><code> if not line or line == b'rn':
break
</code></pre>
<p>15. <strong>Créer un objet, response, dans lequel on stocke le HTML</strong> pour la page Web.</p>
<pre class="line-numbers language-bash" language="bash"><code> response = html </code></pre>
<p>16. <strong>Configurez une réponse client qui envoie le code d’état HTTP et le type de contenu au navigateur, </strong>alors <strong>répond avec le HTML </strong>à rendre dans leur navigateur.<strong> La connexion est alors déconnectée.</strong></p>
<pre class="line-numbers language-bash" language="bash"><code> cl.send('HTTP/1.0 200 OKrnContent-type: text/htmlrnrn')
cl.send(response)
cl.close()
</code></pre>
<p>17. <strong>Enregistrez le fichier sur le Raspberry Pi Pico W sous main.py. </strong>En faisant cela, le code s’exécutera automatiquement au démarrage du Pico W.</p>
<figure class="van-image-figure inline-layout" data-bordeaux-image-check="">
<div class="image-full-width-wrapper">
<div class="image-widthsetter" style="max-width:575px;">
<p class="vanilla-image-block" style="padding-top:82.09%;"><picture><source type="image/webp" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479347_554_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479347_554_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><source type="image/jpeg" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479347_554_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479347_554_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" alt="Serveur Web Pico W" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- src="https://nvts-gb-ldn-actualnewsmagazine.actualnewsmagazine.com/wp-content/uploads/2022/08/1660479347_554_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479347_554_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédit image : matériel de Tom)</span></figcaption></figure>
<h2 id="complete-micropython-code-listing">Liste complète des codes MicroPython</h2>
<pre class="line-numbers language-bash" language="bash"><code>import socket
import network
page = open("index.html", "r")
html = page.read()
page.close()
wlan = network.WLAN(network.STA_IF)
wlan.active(True)
wlan.connect("ACCESS POINT","PASSWORD")
sta_if = network.WLAN(network.STA_IF)
print(sta_if.ifconfig()[0])
addr = socket.getaddrinfo('0.0.0.0', 80)[0][-1]
s = socket.socket()
s.setsockopt(socket.SOL_SOCKET, socket.SO_REUSEADDR, 1)
s.bind(addr)
s.listen(1)
while True:
cl, addr = s.accept()
cl_file = cl.makefile('rwb', 0)
while True:
line = cl_file.readline()
if not line or line == b'rn':
break
response = html
cl.send('HTTP/1.0 200 OKrnContent-type: text/htmlrnrn')
cl.send(response)
cl.close()
</code></pre>
<h2 id="copying-index-html-to-the-raspberry-pi-pico-w">Copie de index.html sur le Raspberry Pi Pico W</h2>
<p>1. <strong>Dans Thonny, cliquez sur Afficher >> Fichiers. </strong>Cela ouvrira un gestionnaire de fichiers. La fenêtre du haut est la source, dans ce cas le lecteur principal de notre PC. La fenêtre du bas est la cible, le Raspberry Pi Pico W.</p>
<figure class="van-image-figure inline-layout" data-bordeaux-image-check="">
<div class="image-full-width-wrapper">
<div class="image-widthsetter" style="max-width:425px;">
<p class="vanilla-image-block" style="padding-top:80.24%;"><picture><source type="image/webp" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_532_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_532_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><source type="image/jpeg" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_532_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_532_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" alt="Serveur Web Pico W" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- src="https://nvts-gb-ldn-actualnewsmagazine.actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_532_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_532_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédit image : matériel de Tom)</span></figcaption></figure>
<p>2. <strong>Dans la fenêtre du haut, accédez à l’emplacement de votre fichier index.html</strong>.</p>
<figure class="van-image-figure inline-layout" data-bordeaux-image-check="">
<div class="image-full-width-wrapper">
<div class="image-widthsetter" style="max-width:648px;">
<p class="vanilla-image-block" style="padding-top:102.78%;"><picture><source type="image/webp" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_817_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_817_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><source type="image/jpeg" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_817_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_817_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" alt="Serveur Web Pico W" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- src="https://nvts-gb-ldn-actualnewsmagazine.actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_817_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_817_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédit image : matériel de Tom)</span></figcaption></figure>
<p>3. <strong>Faites un clic droit sur index.html et sélectionnez « Télécharger vers / » pour copier le fichier sur votre Pico W.</strong></p>
<figure class="van-image-figure inline-layout" data-bordeaux-image-check="">
<div class="image-full-width-wrapper">
<div class="image-widthsetter" style="max-width:639px;">
<p class="vanilla-image-block" style="padding-top:62.44%;"><picture><source type="image/webp" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_204_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_204_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><source type="image/jpeg" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_204_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_204_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" alt="Serveur Web Pico W" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- src="https://nvts-gb-ldn-actualnewsmagazine.actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_204_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_204_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédit image : matériel de Tom)</span></figcaption></figure>
<p>4. <strong>Débranchez le Pico W de votre ordinateur, </strong>puis réinsérez-le pour redémarrer le Pico W et démarrer le serveur Web.</p>
<p>5. Sur votre PC, <strong>ouvrez une nouvelle fenêtre / un nouvel onglet de navigateur et accédez à l’adresse IP de votre Pico W. </strong>Après quelques instants, vous verrez la page apparaître dans la fenêtre.</p>
<figure class="van-image-figure inline-layout" data-bordeaux-image-check="">
<div class="image-full-width-wrapper">
<div class="image-widthsetter" style="max-width:1266px;">
<p class="vanilla-image-block" style="padding-top:62.56%;"><picture><source type="image/webp" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_593_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_593_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><source type="image/jpeg" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_593_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_593_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" alt="Serveur Web Pico W" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- src="https://nvts-gb-ldn-actualnewsmagazine.actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_593_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_593_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédit image : matériel de Tom)</span></figcaption></figure>
<h2 id="improving-our-html">Améliorer notre HTML</h2>
<figure class="van-image-figure inline-layout" data-bordeaux-image-check="">
<div class="image-full-width-wrapper">
<div class="image-widthsetter" style="max-width:997px;">
<p class="vanilla-image-block" style="padding-top:116.05%;"><picture><source type="image/webp" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_811_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_811_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><source type="image/jpeg" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_811_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_811_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" alt="Serveur Web Pico W" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- src="https://nvts-gb-ldn-actualnewsmagazine.actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_811_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_811_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédit image : matériel de Tom)</span></figcaption></figure>
<p>En utilisant Bootstrap et son CDN, nous avons créé une page beaucoup plus professionnelle. Cela utilise essentiellement les mêmes éléments de base </p>
<h1>, </p>
<p> et <img>, mais avec des fonctionnalités supplémentaires telles que des séparateurs et des CSS personnalisés. </p>
<p><u>Amorcer</u> est un cadre pour HTML, CSS et JavaScript qui produit rapidement des sites d’aspect professionnel. Si vous souhaitez créer un site de démonstration rapide pour des clients ou vos propres projets, Bootstrap est un bon point de départ.</p>
<p>Nous avons adapté le <u>Modèle de héros</u> pour notre démo, en remplaçant les liens CSS et JavaScript pour <u>Liens BootstrapCDN.</u></p>
<p>Si vous souhaitez utiliser notre code, il peut être <u>téléchargé à partir d’ici.</u></p>
<h2 id="forwarding-requests-to-our-raspberry-pi-pico-w-web-server">Transfert des demandes vers notre serveur Web Raspberry Pi Pico W</h2>
<p>À l’heure actuelle, notre serveur n’est accessible qu’aux appareils sur le même réseau. Pour partager notre serveur Web Raspberry Pi Pico W avec le monde, nous devons vérifier notre adresse IP externe et configurer la redirection de port pour envoyer des requêtes externes à notre Pico W.</p>
<p>Chaque routeur a un moyen subtilement différent d’effectuer ces tâches, nos étapes illustrent comment notre routeur fourni par notre FAI le gère.</p>
<p> 1. <strong>Obtenez votre adresse IP externe. </strong>Utiliser le moteur de recherche de Google et rechercher « Quelle est mon adresse IP ? » et notez l’adresse IP.</p>
<figure class="van-image-figure inline-layout" data-bordeaux-image-check="">
<div class="image-full-width-wrapper">
<div class="image-widthsetter" style="max-width:731px;">
<p class="vanilla-image-block" style="padding-top:57.87%;"><picture><source type="image/webp" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_735_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_735_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><source type="image/jpeg" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_735_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_735_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" alt="Serveur Web Pico W" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- src="https://nvts-gb-ldn-actualnewsmagazine.actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_735_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_735_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédit image : matériel de Tom)</span></figcaption></figure>
<p>2. <strong>Connectez-vous aux paramètres avancés de votre routeur </strong>et <strong>sélectionnez Réservation DHCP</strong>. Nous devons nous assurer que notre Pico W a une adresse IP statique sur le LAN, et la réservation DHCP est un moyen de le faire.</p>
<figure class="van-image-figure inline-layout" data-bordeaux-image-check="">
<div class="image-full-width-wrapper">
<div class="image-widthsetter" style="max-width:858px;">
<p class="vanilla-image-block" style="padding-top:31.59%;"><picture><source type="image/webp" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_314_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_314_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><source type="image/jpeg" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_314_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_314_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" alt="Serveur Web Pico W" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- src="https://nvts-gb-ldn-actualnewsmagazine.actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_314_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479348_314_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédit image : matériel de Tom)</span></figcaption></figure>
<p>3. <strong>Sélectionnez votre Pico W dans la liste des appareils connectés.</strong></p>
<figure class="van-image-figure inline-layout" data-bordeaux-image-check="">
<div class="image-full-width-wrapper">
<div class="image-widthsetter" style="max-width:780px;">
<p class="vanilla-image-block" style="padding-top:48.21%;"><picture><source type="image/webp" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_84_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_84_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><source type="image/jpeg" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_84_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_84_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" alt="Serveur Web Pico W" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- src="https://nvts-gb-ldn-actualnewsmagazine.actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_84_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_84_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédit image : matériel de Tom)</span></figcaption></figure>
<p>4. <strong>Ajoutez la réservation au tableau de bail IP, puis cliquez sur Appliquer. </strong>Cela garantira que votre Pico W reçoit la même adresse IP chez vous.</p>
<figure class="van-image-figure inline-layout" data-bordeaux-image-check="">
<div class="image-full-width-wrapper">
<div class="image-widthsetter" style="max-width:648px;">
<p class="vanilla-image-block" style="padding-top:48.30%;"><picture><source type="image/webp" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_432_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_432_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><source type="image/jpeg" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_432_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_432_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" alt="Serveur Web Pico W" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- src="https://nvts-gb-ldn-actualnewsmagazine.actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_432_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_432_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédit image : matériel de Tom)</span></figcaption></figure>
<p>5. <strong>Accédez au menu Redirection de port sur votre routeur. </strong>Dans notre cas, c’était sous Paramètres avancés >> Redirection de port.</p>
<figure class="van-image-figure inline-layout" data-bordeaux-image-check="">
<div class="image-full-width-wrapper">
<div class="image-widthsetter" style="max-width:870px;">
<p class="vanilla-image-block" style="padding-top:29.08%;"><picture><source type="image/webp" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_253_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_253_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><source type="image/jpeg" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_253_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_253_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" alt="Serveur Web Pico W" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- src="https://nvts-gb-ldn-actualnewsmagazine.actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_253_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_253_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédit image : matériel de Tom)</span></figcaption></figure>
<p>6. <strong>Définissez le service sur HTTP (port 80) </strong>et <strong>créer une règle pour le trafic HTTP. Définissez le port de début et de fin sur 80, le protocole sur TCP et définissez l’adresse IP </strong>à celle de votre Pico W. <strong>sauvegarder </strong>puis appliquer la règle.</p>
<figure class="van-image-figure inline-layout" data-bordeaux-image-check="">
<div class="image-full-width-wrapper">
<div class="image-widthsetter" style="max-width:669px;">
<p class="vanilla-image-block" style="padding-top:75.49%;"><picture><source type="image/webp" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_291_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_291_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><source type="image/jpeg" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_291_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_291_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" alt="Serveur Web Pico W" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- src="https://nvts-gb-ldn-actualnewsmagazine.actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_291_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_291_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédit image : matériel de Tom)</span></figcaption></figure>
<p>sept. <strong>Sur un autre appareil, connecté via un autre réseau (cellulaire) ouvrez le navigateur </strong>et <strong>accédez à votre adresse IP externe. </strong>Vous verrez maintenant la page Web servie via votre Pico W.</p>
<figure class="van-image-figure inline-layout" data-bordeaux-image-check="">
<div class="image-full-width-wrapper">
<div class="image-widthsetter" style="max-width:1080px;">
<p class="vanilla-image-block" style="padding-top:200.00%;"><picture><source type="image/webp" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_361_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_361_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><source type="image/jpeg" alt="Pico W Web Server" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- data-original-mos="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_361_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_361_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/><img decoding="async" alt="Serveur Web Pico W" class="expandable lazy-image-van" onerror="if(this.src && this.src.indexOf('missing-image.svg') !== -1)return true;;this.parentNode.replaceChild(window.missingImage(),this)" data-normal="https://vanilla.futurecdn.net/tomshardware/media/img/missing-image.svg" data- data- src="https://nvts-gb-ldn-actualnewsmagazine.actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_361_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg" data-pin-media="https://actualnewsmagazine.com/wp-content/uploads/2022/08/1660479349_361_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"/></picture></p>
</div>
</div><figcaption itemprop="caption description" class=" inline-layout"><span class="credit" itemprop="copyrightHolder">(Crédit image : matériel de Tom)</span></figcaption></figure>
</div>
<p><a href="https://actualnewsmagazine.com/">Source-138</a></p>
<div class='code-block code-block-3' style='margin: 8px 0; clear: both;'>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7810026134544832"
crossorigin="anonymous"></script>
<!-- ActualNews -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-7810026134544832"
data-ad-slot="3391370896"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
<!-- CONTENT END 1 -->
</div></div><div class="vc_row_inner tdi_59 vc_row vc_inner wpb_row td-pb-row" >
<style scoped>.tdi_59{position:relative!important;top:0;transform:none;-webkit-transform:none}.tdi_59,.tdi_59 .tdc-inner-columns{display:block}.tdi_59 .tdc-inner-columns{width:100%}@media (min-width:768px){.tdi_59{margin-left:-15px;margin-right:-15px}.tdi_59>.vc_column_inner,.tdi_59>.tdc-inner-columns>.vc_column_inner{padding-left:15px;padding-right:15px}}@media (min-width:1019px) and (max-width:1140px){@media (min-width:768px){.tdi_59{margin-left:-10px;margin-right:-10px}.tdi_59>.vc_column_inner,.tdi_59>.tdc-inner-columns>.vc_column_inner{padding-left:10px;padding-right:10px}}}@media (min-width:768px) and (max-width:1018px){@media (min-width:768px){.tdi_59{margin-left:-10px;margin-right:-10px}.tdi_59>.vc_column_inner,.tdi_59>.tdc-inner-columns>.vc_column_inner{padding-left:10px;padding-right:10px}}}@media (max-width:767px){.tdi_59{width:100%!important}}</style><div class="vc_column_inner tdi_61 wpb_column vc_column_container tdc-inner-column td-pb-span4 td-is-sticky">
<style scoped>.tdi_61{vertical-align:baseline}.tdi_61 .vc_column-inner>.wpb_wrapper,.tdi_61 .vc_column-inner>.wpb_wrapper .tdc-elements{display:block}.tdi_61 .vc_column-inner>.wpb_wrapper .tdc-elements{width:100%}@media(min-width:1141px){.tdi_61{display:none!important}}@media (min-width:768px) and (max-width:1018px){.tdi_61{display:none!important}}@media (max-width:767px){.tdi_61{display:none!important}}</style><div class="vc_column-inner"><div class="wpb_wrapper" data-sticky-enabled-on="W3RydWUsdHJ1ZSx0cnVlLHRydWVd" data-sticky-offset="20" data-sticky-is-width-auto="W2ZhbHNlLGZhbHNlLGZhbHNlLGZhbHNlXQ=="></div></div></div><div class="vc_column_inner tdi_63 wpb_column vc_column_container tdc-inner-column td-pb-span8">
<style scoped>.tdi_63{vertical-align:baseline}.tdi_63 .vc_column-inner>.wpb_wrapper,.tdi_63 .vc_column-inner>.wpb_wrapper .tdc-elements{display:block}.tdi_63 .vc_column-inner>.wpb_wrapper .tdc-elements{width:100%}@media (min-width:768px) and (max-width:1018px){.tdi_63{width:100%!important}}</style><div class="vc_column-inner"><div class="wpb_wrapper" ><div class="td_block_wrap tdb_single_tags tdi_64 td-pb-border-top td_block_template_1" data-td-block-uid="tdi_64" >
<style>.tdb_single_tags{margin-bottom:2px;font-family:var(--td_default_google_font_1,'Open Sans','Open Sans Regular',sans-serif);font-weight:600}.tdb_single_tags span,.tdb_single_tags a{font-size:11px}.tdb_single_tags span{text-transform:uppercase}.tdb_single_tags a:hover{background-color:var(--td_theme_color,#4db2ec);border-color:var(--td_theme_color,#4db2ec);color:#fff}.tdb_single_tags ul{display:inline-block;margin:0;list-style-type:none;font-size:0}.tdb_single_tags li{display:inline-block;margin-left:0}.tdi_64 span{margin-right:4px;padding:2px 8px 3px;color:#fff;background-color:#222;font-family:Montserrat!important;font-size:11px!important}.tdi_64 a{margin-right:4px;padding:1px 7px 2px;border:1px solid #ededed;color:#111;font-family:Montserrat!important;font-size:11px!important}.tdi_64 a:hover{background-color:#4c4084;border-color:#4c4084}@media (min-width:1019px) and (max-width:1140px){.tdi_64 a{border:1px solid #ededed}}@media (min-width:768px) and (max-width:1018px){.tdi_64 a{border:1px solid #ededed}}@media (max-width:767px){.tdi_64 a{border:1px solid #ededed}}</style><div class="tdb-block-inner td-fix-index"><ul class="tdb-tags"><li><span>Tags</span></li><li><a href="https://actualnewsmagazine.com/tag/comment/">Comment</a></li><li><a href="https://actualnewsmagazine.com/tag/creer/">créer</a></li><li><a href="https://actualnewsmagazine.com/tag/pico/">Pico</a></li><li><a href="https://actualnewsmagazine.com/tag/raspberry/">Raspberry</a></li><li><a href="https://actualnewsmagazine.com/tag/serveur/">serveur</a></li><li><a href="https://actualnewsmagazine.com/tag/web/">Web</a></li></ul></div></div><div class="td_block_wrap tdb_single_post_share tdi_65 td-pb-border-top td_block_template_1" data-td-block-uid="tdi_65" >
<style>.tdi_65{margin-top:20px!important}</style>
<style>.tdi_65 .td-post-sharing-visible{align-items:flex-start}</style><div id="tdi_65" class="td-post-sharing tdb-block td-ps-bg td-ps-notext td-post-sharing-style1 "><div class="td-post-sharing-visible"><div class="td-social-sharing-button td-social-sharing-button-js td-social-handler td-social-share-text">
<div class="td-social-but-icon"><i class="td-icon-share"></i></div>
<div class="td-social-but-text">Partager</div>
</div><a class="td-social-sharing-button td-social-sharing-button-js td-social-network td-social-facebook" href="https://www.facebook.com/sharer.php?u=https%3A%2F%2Factualnewsmagazine.com%2Fcomment-creer-un-serveur-web-raspberry-pi-pico-w%2F" title="Facebook" ><div class="td-social-but-icon"><i class="td-icon-facebook"></i></div><div class="td-social-but-text">Facebook</div></a><a class="td-social-sharing-button td-social-sharing-button-js td-social-network td-social-twitter" href="https://twitter.com/intent/tweet?text=Comment+cr%C3%A9er+un+serveur+Web+Raspberry+Pi+Pico+W&url=https%3A%2F%2Factualnewsmagazine.com%2Fcomment-creer-un-serveur-web-raspberry-pi-pico-w%2F&via=Actual+News+Magazine" title="Twitter" ><div class="td-social-but-icon"><i class="td-icon-twitter"></i></div><div class="td-social-but-text">Twitter</div></a><a class="td-social-sharing-button td-social-sharing-button-js td-social-network td-social-pinterest" href="https://pinterest.com/pin/create/button/?url=https://actualnewsmagazine.com/comment-creer-un-serveur-web-raspberry-pi-pico-w/&media=https://nvts-gb-ldn-actualnewsmagazine.actualnewsmagazine.com/wp-content/uploads/2022/08/1660479351_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg&description=Comment+cr%C3%A9er+un+serveur+Web+Raspberry+Pi+Pico+W" title="Pinterest" ><div class="td-social-but-icon"><i class="td-icon-pinterest"></i></div><div class="td-social-but-text">Pinterest</div></a><a class="td-social-sharing-button td-social-sharing-button-js td-social-network td-social-whatsapp" href="https://api.whatsapp.com/send?text=Comment+cr%C3%A9er+un+serveur+Web+Raspberry+Pi+Pico+W %0A%0A https://actualnewsmagazine.com/comment-creer-un-serveur-web-raspberry-pi-pico-w/" title="WhatsApp" ><div class="td-social-but-icon"><i class="td-icon-whatsapp"></i></div><div class="td-social-but-text">WhatsApp</div></a></div><div class="td-social-sharing-hidden"><ul class="td-pulldown-filter-list"></ul><a class="td-social-sharing-button td-social-handler td-social-expand-tabs" href="#" data-block-uid="tdi_65" title="More">
<div class="td-social-but-icon"><i class="td-icon-plus td-social-expand-tabs-icon"></i></div>
</a></div></div></div></div></div></div></div><div class="td_block_wrap tdb_single_next_prev tdi_66 td-animation-stack td-pb-border-top td_block_template_1" data-td-block-uid="tdi_66" >
<style>.tdi_66{margin-top:40px!important}@media (min-width:768px) and (max-width:1018px){.tdi_66{margin-top:20px!important;margin-bottom:20px!important}}</style>
<style>.tdb_single_next_prev{*zoom:1}.tdb_single_next_prev:before,.tdb_single_next_prev:after{display:table;content:'';line-height:0}.tdb_single_next_prev:after{clear:both}.tdb-next-post{font-family:var(--td_default_google_font_2,'Roboto',sans-serif);width:48%;float:left;transform:translateZ(0);-webkit-transform:translateZ(0);min-height:1px;line-height:1}.tdb-next-post span{display:block;font-size:12px;color:#747474;margin-bottom:7px}.tdb-next-post a{font-size:15px;color:#222;line-height:21px;-webkit-transition:color 0.2s ease;transition:color 0.2s ease}.tdb-next-post a:hover{color:var(--td_theme_color,#4db2ec)}.tdb-post-next{margin-left:2%;text-align:right}.tdb-post-prev{margin-right:2%}.tdb-post-next .td-image-container{display:inline-block}.tdi_66 .td-module-container{display:flex;flex-direction:column}.tdi_66 .tdb-post-next .td-module-container{align-items:flex-end}.tdi_66 .td-image-container{display:block;order:0}.ie10 .tdi_66 .next-prev-title,.ie11 .tdi_66 .next-prev-title{flex:auto}.tdi_66 .tdb-next-post:hover a{color:#f26060}.tdi_66 .td-module-title a{box-shadow:inset 0 0 0 0 #000}.tdi_66 .tdb-next-post a{font-family:Cabin!important;font-size:16px!important;line-height:1.2!important;font-weight:600!important}.tdi_66 .tdb-next-post span{font-family:Montserrat!important;font-size:11px!important}@media (min-width:768px){.tdi_66 .td-module-title a{transition:all 0.2s ease;-webkit-transition:all 0.2s ease}}@media (min-width:1019px) and (max-width:1140px){.tdi_66 .td-module-title a{box-shadow:inset 0 0 0 0 #000}.tdi_66 .tdb-next-post a{font-size:14px!important}@media (min-width:768px){.tdi_66 .td-module-title a{transition:all 0.2s ease;-webkit-transition:all 0.2s ease}}}@media (min-width:768px) and (max-width:1018px){.tdi_66 .td-module-title a{box-shadow:inset 0 0 0 0 #000}.tdi_66 .tdb-next-post a{font-size:14px!important}@media (min-width:768px){.tdi_66 .td-module-title a{transition:all 0.2s ease;-webkit-transition:all 0.2s ease}}}@media (max-width:767px){.tdi_66 .td-module-title a{box-shadow:inset 0 0 0 0 #000}.tdi_66 .tdb-next-post a{font-size:12px!important}@media (min-width:768px){.tdi_66 .td-module-title a{transition:all 0.2s ease;-webkit-transition:all 0.2s ease}}}</style><div class="tdb-block-inner td-fix-index"><div class="tdb-next-post tdb-next-post-bg tdb-post-prev"><span>Article précédent</span><div class="td-module-container"><div class="next-prev-title"><a href="https://actualnewsmagazine.com/laspirateur-roomba-j7-detectant-les-caca-danimaux-de-compagnie-dirobot-est-de-200-de-rabais-en-ce-moment/">L’aspirateur Roomba j7 + détectant les caca d’animaux de compagnie d’iRobot est de 200 $ de rabais en ce moment</a></div></div></div><div class="tdb-next-post tdb-next-post-bg tdb-post-next"><span>Article suivant</span><div class="td-module-container"><div class="next-prev-title"><a href="https://actualnewsmagazine.com/jamais-je-nai-jamais-atteint-le-n-1-sur-netflix-et-cest-91-sur-rotten-tomatoes/">Jamais je n’ai jamais atteint le n ° 1 sur Netflix – et c’est 91% sur Rotten Tomatoes</a></div></div></div></div></div><div class="vc_row_inner tdi_68 vc_row vc_inner wpb_row td-pb-row" >
<style scoped>.tdi_68{position:relative!important;top:0;transform:none;-webkit-transform:none}.tdi_68,.tdi_68 .tdc-inner-columns{display:block}.tdi_68 .tdc-inner-columns{width:100%}@media (min-width:768px){.tdi_68{margin-left:-15px;margin-right:-15px}.tdi_68>.vc_column_inner,.tdi_68>.tdc-inner-columns>.vc_column_inner{padding-left:15px;padding-right:15px}}@media (min-width:1019px) and (max-width:1140px){@media (min-width:768px){.tdi_68{margin-left:-10px;margin-right:-10px}.tdi_68>.vc_column_inner,.tdi_68>.tdc-inner-columns>.vc_column_inner{padding-left:10px;padding-right:10px}}}</style><div class="vc_column_inner tdi_70 wpb_column vc_column_container tdc-inner-column td-pb-span4 td-is-sticky">
<style scoped>.tdi_70{vertical-align:baseline}.tdi_70 .vc_column-inner>.wpb_wrapper,.tdi_70 .vc_column-inner>.wpb_wrapper .tdc-elements{display:block}.tdi_70 .vc_column-inner>.wpb_wrapper .tdc-elements{width:100%}@media(min-width:1141px){.tdi_70{display:none!important}}@media (min-width:768px) and (max-width:1018px){.tdi_70{display:none!important}}</style><div class="vc_column-inner"><div class="wpb_wrapper" data-sticky-enabled-on="W3RydWUsdHJ1ZSx0cnVlLHRydWVd" data-sticky-offset="20" data-sticky-is-width-auto="W2ZhbHNlLGZhbHNlLGZhbHNlLGZhbHNlXQ=="></div></div></div><div class="vc_column_inner tdi_72 wpb_column vc_column_container tdc-inner-column td-pb-span8">
<style scoped>.tdi_72{vertical-align:baseline}.tdi_72 .vc_column-inner>.wpb_wrapper,.tdi_72 .vc_column-inner>.wpb_wrapper .tdc-elements{display:block}.tdi_72 .vc_column-inner>.wpb_wrapper .tdc-elements{width:100%}@media(min-width:1141px){.tdi_72{display:none!important}}@media (min-width:768px) and (max-width:1018px){.tdi_72{width:100%!important}}</style><div class="vc_column-inner"><div class="wpb_wrapper" ></div></div></div></div></div></div><div class="vc_column tdi_74 wpb_column vc_column_container tdc-column td-pb-span4 td-is-sticky">
<style scoped>.tdi_74{vertical-align:baseline}.tdi_74>.wpb_wrapper,.tdi_74>.wpb_wrapper>.tdc-elements{display:block}.tdi_74>.wpb_wrapper>.tdc-elements{width:100%}.tdi_74>.wpb_wrapper>.vc_row_inner{width:auto}.tdi_74>.wpb_wrapper{width:auto;height:auto}.tdi_74{width:340px!important}@media (min-width:1019px) and (max-width:1140px){.tdi_74{width:240px!important}}@media (min-width:768px) and (max-width:1018px){.tdi_74{width:230px!important}}</style><div class="wpb_wrapper" data-sticky-enabled-on="W3RydWUsdHJ1ZSx0cnVlLHRydWVd" data-sticky-offset="20" data-sticky-is-width-auto="W2ZhbHNlLGZhbHNlLGZhbHNlLGZhbHNlXQ==">
<!-- A generated by theme -->
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><div class="td-g-rec td-g-rec-id-sidebar tdi_75 td_block_template_1 ">
<style>.tdi_75{margin-bottom:20px!important}@media (min-width:768px) and (max-width:1018px){.tdi_75{margin-bottom:10px!important}}</style>
<style>.tdi_75.td-a-rec{text-align:center}.tdi_75.td-a-rec:not(.td-a-rec-no-translate){transform:translateZ(0)}.tdi_75 .td-element-style{z-index:-1}</style><script type="text/javascript">
var td_screen_width = window.innerWidth;
window.addEventListener("load", function(){
var placeAdEl = document.getElementById("td-ad-placeholder");
if ( null !== placeAdEl && td_screen_width >= 1140 ) {
/* large monitors */
var adEl = document.createElement("ins");
placeAdEl.replaceWith(adEl);
adEl.setAttribute("class", "adsbygoogle");
adEl.setAttribute("style", "display:inline-block;width:300px;height:250px");
adEl.setAttribute("data-ad-client", "ca-pub-7810026134544832");
adEl.setAttribute("data-ad-slot", "8689174733");
(adsbygoogle = window.adsbygoogle || []).push({});
}
});window.addEventListener("load", function(){
var placeAdEl = document.getElementById("td-ad-placeholder");
if ( null !== placeAdEl && td_screen_width >= 1019 && td_screen_width < 1140 ) {
/* landscape tablets */
var adEl = document.createElement("ins");
placeAdEl.replaceWith(adEl);
adEl.setAttribute("class", "adsbygoogle");
adEl.setAttribute("style", "display:inline-block;width:300px;height:250px");
adEl.setAttribute("data-ad-client", "ca-pub-7810026134544832");
adEl.setAttribute("data-ad-slot", "8689174733");
(adsbygoogle = window.adsbygoogle || []).push({});
}
});window.addEventListener("load", function(){
var placeAdEl = document.getElementById("td-ad-placeholder");
if ( null !== placeAdEl && td_screen_width >= 768 && td_screen_width < 1019 ) {
/* portrait tablets */
var adEl = document.createElement("ins");
placeAdEl.replaceWith(adEl);
adEl.setAttribute("class", "adsbygoogle");
adEl.setAttribute("style", "display:inline-block;width:200px;height:200px");
adEl.setAttribute("data-ad-client", "ca-pub-7810026134544832");
adEl.setAttribute("data-ad-slot", "8689174733");
(adsbygoogle = window.adsbygoogle || []).push({});
}
});window.addEventListener("load", function(){
var placeAdEl = document.getElementById("td-ad-placeholder");
if ( null !== placeAdEl && td_screen_width < 768 ) {
/* Phones */
var adEl = document.createElement("ins");
placeAdEl.replaceWith(adEl);
adEl.setAttribute("class", "adsbygoogle");
adEl.setAttribute("style", "display:inline-block;width:300px;height:250px");
adEl.setAttribute("data-ad-client", "ca-pub-7810026134544832");
adEl.setAttribute("data-ad-slot", "8689174733");
(adsbygoogle = window.adsbygoogle || []).push({});
}
});</script>
<span class="td-adspot-title">- Advertisement -</span><noscript id="td-ad-placeholder"></noscript></div>
<!-- end A -->
<div class="td_block_wrap td_block_title tdi_76 td-pb-border-top td_block_template_2 td-fix-index" data-td-block-uid="tdi_76" >
<style>.td_block_template_2.widget>ul>li{margin-left:0!important}.td_block_template_2 .td-block-title{font-size:17px;font-weight:500;margin-top:0;margin-bottom:16px;line-height:31px;text-align:left}.td_block_template_2 .td-block-title>*{color:var(--td_text_header_color,#000)}.td_block_template_2 .td-related-title a{padding:0 20px 0 0}@media (max-width:767px){.td_block_template_2 .td-related-title a{font-size:15px}}.td_block_template_2 .td-related-title .td-cur-simple-item{color:var(--td_theme_color,#4db2ec)}.tdi_76{margin-bottom:-5px!important}@media (min-width:768px) and (max-width:1018px){.tdi_76{margin-bottom:-15px!important}}</style>
<style>body .tdi_76 .td-block-title a,body .tdi_76 .td-block-title span{font-family:Montserrat!important;font-size:21px!important;font-weight:700!important}@media (min-width:1019px) and (max-width:1140px){body .tdi_76 .td-block-title a,body .tdi_76 .td-block-title span{font-size:19px!important}}@media (min-width:768px) and (max-width:1018px){body .tdi_76 .td-block-title a,body .tdi_76 .td-block-title span{font-size:18px!important}}</style><div class="td-block-title-wrap"><h4 class="td-block-title"><span class="td-pulldown-size">Latest</span></h4></div></div><div class="td_block_wrap td_flex_block_1 tdi_77 td-pb-border-top td_block_template_1 td_flex_block" data-td-block-uid="tdi_77" >
<style>.tdi_77{margin-bottom:30px!important;padding-top:19px!important;padding-right:19px!important;padding-bottom:19px!important;padding-left:19px!important;border-color:#eaeaea!important;border-style:solid!important;border-width:1px 1px 1px 1px!important}@media (min-width:768px) and (max-width:1018px){.tdi_77{margin-bottom:5px!important;padding-top:10px!important;padding-right:10px!important;padding-bottom:10px!important;padding-left:10px!important}}@media (min-width:1019px) and (max-width:1140px){.tdi_77{padding-top:10px!important;padding-right:10px!important;padding-bottom:10px!important;padding-left:10px!important}}</style>
<style>.tdi_77 .td-image-wrap{padding-bottom:100%}.tdi_77 .entry-thumb{background-position:center 50%}.tdi_77 .td-image-container{flex:0 0 26%;width:26%;display:block;order:1}.ie10 .tdi_77 .td-image-container,.ie11 .tdi_77 .td-image-container{flex:0 0 auto}.tdi_77 .td-module-container{flex-direction:row;border-color:#eaeaea!important}.tdi_77 .td-module-meta-info{flex:1;padding:4px 10px 0 0;border-color:#eaeaea}body .tdi_77 .td-favorite{font-size:36px;box-shadow:1px 1px 4px 0px rgba(0,0,0,0.2)}.tdi_77 .td_module_wrap{padding-left:20px;padding-right:20px;padding-bottom:15px;margin-bottom:15px}.tdi_77 .td_block_inner{margin-left:-20px;margin-right:-20px}.tdi_77 .td-module-container:before{bottom:-15px;border-color:#eaeaea}.tdi_77 .td-post-vid-time{display:block}.tdi_77 .td-post-category{padding:3px 4px 2px;font-family:Montserrat!important;font-weight:400!important;text-transform:uppercase!important;letter-spacing:1px!important}.tdi_77 .td-post-category:not(.td-post-extra-category){display:none}.tdi_77 .td-author-photo .avatar{width:20px;height:20px;margin-right:6px;border-radius:50%}.tdi_77 .td-excerpt{display:none;column-count:1;column-gap:48px}.tdi_77 .td-audio-player{opacity:1;visibility:visible;height:auto;font-size:13px}.tdi_77 .td-read-more{display:none}.tdi_77 .td-author-date{display:inline}.tdi_77 .td-post-author-name{display:none}.tdi_77 .entry-review-stars{display:inline-block}.tdi_77 .td-icon-star,.tdi_77 .td-icon-star-empty,.tdi_77 .td-icon-star-half{font-size:15px}.tdi_77 .td-module-comments{display:none}.tdi_77 .td_module_wrap:nth-last-child(1){margin-bottom:0;padding-bottom:0}.tdi_77 .td_module_wrap:nth-last-child(1) .td-module-container:before{display:none}.tdi_77 .td_module_wrap:hover .td-module-title a{color:#f26060!important}.tdi_77 .td-module-title a{box-shadow:inset 0 0 0 0 #000}.tdi_77 .td-post-author-name a{color:#000000}.tdi_77 .td-post-date,.tdi_77 .td-post-author-name span{color:#000000}.tdi_77 .td-module-exclusive .td-module-title a:before{display:inline-block}.tdi_77 .entry-title{font-family:Cabin!important;font-size:15px!important;line-height:1.1!important;font-weight:700!important}.tdi_77 .td-editor-date,.tdi_77 .td-editor-date .td-post-author-name a,.tdi_77 .td-editor-date .entry-date,.tdi_77 .td-module-comments a{font-family:Montserrat!important;font-size:11px!important;line-height:1!important;font-weight:400!important}html:not([class*='ie']) .tdi_77 .td-module-container:hover .entry-thumb:before{opacity:0}@media (min-width:768px){.tdi_77 .td-module-title a{transition:all 0.2s ease;-webkit-transition:all 0.2s ease}}@media (min-width:1019px) and (max-width:1140px){.tdi_77 .td_module_wrap{padding-bottom:10px;margin-bottom:10px;padding-bottom:10px!important;margin-bottom:10px!important}.tdi_77 .td-module-container:before{bottom:-10px}.tdi_77 .td_module_wrap:nth-last-child(1){margin-bottom:0!important;padding-bottom:0!important}.tdi_77 .td_module_wrap .td-module-container:before{display:block!important}.tdi_77 .td_module_wrap:nth-last-child(1) .td-module-container:before{display:none!important}.tdi_77 .td-module-title a{box-shadow:inset 0 0 0 0 #000}.tdi_77 .entry-title{font-size:14px!important}@media (min-width:768px){.tdi_77 .td-module-title a{transition:all 0.2s ease;-webkit-transition:all 0.2s ease}}}@media (min-width:768px) and (max-width:1018px){.tdi_77 .td-module-meta-info{padding:0 10px 0 0}.tdi_77 .td_module_wrap{padding-bottom:5px;margin-bottom:5px;padding-bottom:5px!important;margin-bottom:5px!important}.tdi_77 .td-module-container:before{bottom:-5px}.tdi_77 .td-post-date,.tdi_77 .td-post-author-name span{display:none}.tdi_77 .td_module_wrap:nth-last-child(1){margin-bottom:0!important;padding-bottom:0!important}.tdi_77 .td_module_wrap .td-module-container:before{display:block!important}.tdi_77 .td_module_wrap:nth-last-child(1) .td-module-container:before{display:none!important}.tdi_77 .td-module-title a{box-shadow:inset 0 0 0 0 #000}.tdi_77 .entry-title{font-size:12px!important}.tdi_77 .td-editor-date,.tdi_77 .td-editor-date .td-post-author-name a,.tdi_77 .td-editor-date .entry-date,.tdi_77 .td-module-comments a{font-size:12px!important}@media (min-width:768px){.tdi_77 .td-module-title a{transition:all 0.2s ease;-webkit-transition:all 0.2s ease}}}@media (max-width:767px){.tdi_77 .td_module_wrap{padding-bottom:15px;margin-bottom:15px;padding-bottom:15px!important;margin-bottom:15px!important}.tdi_77 .td-module-container:before{bottom:-15px}.tdi_77 .td_module_wrap:nth-last-child(1){margin-bottom:0!important;padding-bottom:0!important}.tdi_77 .td_module_wrap .td-module-container:before{display:block!important}.tdi_77 .td_module_wrap:nth-last-child(1) .td-module-container:before{display:none!important}.tdi_77 .td-module-title a{box-shadow:inset 0 0 0 0 #000}@media (min-width:768px){.tdi_77 .td-module-title a{transition:all 0.2s ease;-webkit-transition:all 0.2s ease}}}</style><script>var block_tdi_77 = new tdBlock();
block_tdi_77.id = "tdi_77";
block_tdi_77.atts = '{"modules_on_row":"","hide_audio":"yes","f_title_font_family":"99","f_title_font_size":"eyJhbGwiOiIxNSIsImxhbmRzY2FwZSI6IjE0IiwicG9ydHJhaXQiOiIxMiJ9","f_title_font_line_height":"1.1","f_title_font_weight":"700","title_txt_hover":"#f26060","modules_category":"above","modules_category_padding":"3px 4px 2px","f_cat_font_family":"394","f_cat_font_weight":"400","f_cat_font_transform":"uppercase","f_cat_font_spacing":"1","f_meta_font_family":"394","f_meta_font_size":"eyJhbGwiOiIxMSIsInBvcnRyYWl0IjoiMTIifQ==","f_meta_font_line_height":"1","f_meta_font_style":"","f_meta_font_weight":"400","author_txt":"#000000","date_txt":"#000000","show_btn":"none","show_excerpt":"none","show_com":"none","image_height":"100","image_floated":"float_right","show_cat":"none","meta_padding":"eyJhbGwiOiI0cHggMTBweCAwIDAiLCJwb3J0cmFpdCI6IjAgMTBweCAwIDAifQ==","all_modules_space":"eyJhbGwiOiIzMCIsImxhbmRzY2FwZSI6IjIwIiwicG9ydHJhaXQiOiIxMCJ9","modules_divider":"","category_id":"","tdc_css":"eyJhbGwiOnsibWFyZ2luLWJvdHRvbSI6IjMwIiwiYm9yZGVyLXRvcC13aWR0aCI6IjEiLCJib3JkZXItcmlnaHQtd2lkdGgiOiIxIiwiYm9yZGVyLWJvdHRvbS13aWR0aCI6IjEiLCJib3JkZXItbGVmdC13aWR0aCI6IjEiLCJwYWRkaW5nLXRvcCI6IjE5IiwicGFkZGluZy1yaWdodCI6IjE5IiwicGFkZGluZy1ib3R0b20iOiIxOSIsInBhZGRpbmctbGVmdCI6IjE5IiwiYm9yZGVyLWNvbG9yIjoiI2VhZWFlYSIsImRpc3BsYXkiOiIifSwicG9ydHJhaXQiOnsibWFyZ2luLWJvdHRvbSI6IjUiLCJwYWRkaW5nLXRvcCI6IjEwIiwicGFkZGluZy1yaWdodCI6IjEwIiwicGFkZGluZy1ib3R0b20iOiIxMCIsInBhZGRpbmctbGVmdCI6IjEwIiwiZGlzcGxheSI6IiJ9LCJwb3J0cmFpdF9tYXhfd2lkdGgiOjEwMTgsInBvcnRyYWl0X21pbl93aWR0aCI6NzY4LCJsYW5kc2NhcGUiOnsicGFkZGluZy10b3AiOiIxMCIsInBhZGRpbmctcmlnaHQiOiIxMCIsInBhZGRpbmctYm90dG9tIjoiMTAiLCJwYWRkaW5nLWxlZnQiOiIxMCIsImRpc3BsYXkiOiIifSwibGFuZHNjYXBlX21heF93aWR0aCI6MTE0MCwibGFuZHNjYXBlX21pbl93aWR0aCI6MTAxOX0=","show_author":"none","image_width":"26","show_date":"eyJwb3J0cmFpdCI6Im5vbmUifQ==","sort":"","image_size":"td_324x400","limit":"8","block_type":"td_flex_block_1","separator":"","custom_title":"","custom_url":"","block_template_id":"","title_tag":"","mc1_tl":"","mc1_title_tag":"","mc1_el":"","post_ids":"-501518","taxonomies":"","category_ids":"","in_all_terms":"","tag_slug":"","autors_id":"","installed_post_types":"","include_cf_posts":"","exclude_cf_posts":"","popular_by_date":"","linked_posts":"","favourite_only":"","locked_only":"","offset":"","open_in_new_window":"","show_modified_date":"","time_ago":"","time_ago_add_txt":"ago","time_ago_txt_pos":"","review_source":"","el_class":"","td_query_cache":"","td_query_cache_expiration":"","td_ajax_filter_type":"","td_ajax_filter_ids":"","td_filter_default_txt":"All","td_ajax_preloading":"","container_width":"","modules_gap":"","m_padding":"","modules_border_size":"","modules_border_style":"","modules_border_color":"#eaeaea","modules_border_radius":"","modules_divider_color":"#eaeaea","h_effect":"","image_alignment":"50","image_radius":"","hide_image":"","show_favourites":"","fav_size":"2","fav_space":"","fav_ico_color":"","fav_ico_color_h":"","fav_bg":"","fav_bg_h":"","fav_shadow_shadow_header":"","fav_shadow_shadow_title":"Shadow","fav_shadow_shadow_size":"","fav_shadow_shadow_offset_horizontal":"","fav_shadow_shadow_offset_vertical":"","fav_shadow_shadow_spread":"","fav_shadow_shadow_color":"","video_icon":"","video_popup":"yes","video_rec":"","spot_header":"","video_rec_title":"","video_rec_color":"","video_rec_disable":"","autoplay_vid":"yes","show_vid_t":"block","vid_t_margin":"","vid_t_padding":"","video_title_color":"","video_title_color_h":"","video_bg":"","video_overlay":"","vid_t_color":"","vid_t_bg_color":"","f_vid_title_font_header":"","f_vid_title_font_title":"Video pop-up article title","f_vid_title_font_settings":"","f_vid_title_font_family":"","f_vid_title_font_size":"","f_vid_title_font_line_height":"","f_vid_title_font_style":"","f_vid_title_font_weight":"","f_vid_title_font_transform":"","f_vid_title_font_spacing":"","f_vid_title_":"","f_vid_time_font_title":"Video duration text","f_vid_time_font_settings":"","f_vid_time_font_family":"","f_vid_time_font_size":"","f_vid_time_font_line_height":"","f_vid_time_font_style":"","f_vid_time_font_weight":"","f_vid_time_font_transform":"","f_vid_time_font_spacing":"","f_vid_time_":"","excl_show":"inline-block","excl_txt":"","excl_margin":"","excl_padd":"","all_excl_border":"","all_excl_border_style":"solid","excl_radius":"","excl_color":"","excl_color_h":"","excl_bg":"","excl_bg_h":"","all_excl_border_color":"","excl_border_color_h":"","f_excl_font_header":"","f_excl_font_title":"Label text","f_excl_font_settings":"","f_excl_font_family":"","f_excl_font_size":"","f_excl_font_line_height":"","f_excl_font_style":"","f_excl_font_weight":"","f_excl_font_transform":"","f_excl_font_spacing":"","f_excl_":"","meta_info_align":"","meta_info_horiz":"layout-default","meta_width":"","meta_margin":"","meta_space":"","art_title":"","art_btn":"","meta_info_border_size":"","meta_info_border_style":"","meta_info_border_color":"#eaeaea","meta_info_border_radius":"","modules_category_margin":"","modules_cat_border":"","modules_category_radius":"0","modules_extra_cat":"","author_photo":"","author_photo_size":"","author_photo_space":"","author_photo_radius":"","show_review":"inline-block","review_space":"","review_size":"2.5","review_distance":"","art_excerpt":"","excerpt_col":"1","excerpt_gap":"","excerpt_middle":"","excerpt_inline":"","show_audio":"block","art_audio":"","art_audio_size":"1.5","btn_title":"","btn_margin":"","btn_padding":"","btn_border_width":"","btn_radius":"","pag_space":"","pag_padding":"","pag_border_width":"","pag_border_radius":"","prev_tdicon":"","next_tdicon":"","pag_icons_size":"","f_header_font_header":"","f_header_font_title":"Block header","f_header_font_settings":"","f_header_font_family":"","f_header_font_size":"","f_header_font_line_height":"","f_header_font_style":"","f_header_font_weight":"","f_header_font_transform":"","f_header_font_spacing":"","f_header_":"","f_ajax_font_title":"Ajax categories","f_ajax_font_settings":"","f_ajax_font_family":"","f_ajax_font_size":"","f_ajax_font_line_height":"","f_ajax_font_style":"","f_ajax_font_weight":"","f_ajax_font_transform":"","f_ajax_font_spacing":"","f_ajax_":"","f_more_font_title":"Load more button","f_more_font_settings":"","f_more_font_family":"","f_more_font_size":"","f_more_font_line_height":"","f_more_font_style":"","f_more_font_weight":"","f_more_font_transform":"","f_more_font_spacing":"","f_more_":"","f_title_font_header":"","f_title_font_title":"Article title","f_title_font_settings":"","f_title_font_style":"","f_title_font_transform":"","f_title_font_spacing":"","f_title_":"","f_cat_font_title":"Article category tag","f_cat_font_settings":"","f_cat_font_size":"","f_cat_font_line_height":"","f_cat_font_style":"","f_cat_":"","f_meta_font_title":"Article meta info","f_meta_font_settings":"","f_meta_font_transform":"","f_meta_font_spacing":"","f_meta_":"","f_ex_font_title":"Article excerpt","f_ex_font_settings":"","f_ex_font_family":"","f_ex_font_size":"","f_ex_font_line_height":"","f_ex_font_style":"","f_ex_font_weight":"","f_ex_font_transform":"","f_ex_font_spacing":"","f_ex_":"","f_btn_font_title":"Article read more button","f_btn_font_settings":"","f_btn_font_family":"","f_btn_font_size":"","f_btn_font_line_height":"","f_btn_font_style":"","f_btn_font_weight":"","f_btn_font_transform":"","f_btn_font_spacing":"","f_btn_":"","mix_color":"","mix_type":"","fe_brightness":"1","fe_contrast":"1","fe_saturate":"1","mix_color_h":"","mix_type_h":"","fe_brightness_h":"1","fe_contrast_h":"1","fe_saturate_h":"1","m_bg":"","color_overlay":"","shadow_shadow_header":"","shadow_shadow_title":"Module Shadow","shadow_shadow_size":"","shadow_shadow_offset_horizontal":"","shadow_shadow_offset_vertical":"","shadow_shadow_spread":"","shadow_shadow_color":"","title_txt":"","all_underline_height":"","all_underline_color":"","cat_style":"","cat_bg":"","cat_bg_hover":"","cat_txt":"","cat_txt_hover":"","cat_border":"","cat_border_hover":"","meta_bg":"","author_txt_hover":"","ex_txt":"","com_bg":"","com_txt":"","rev_txt":"","audio_btn_color":"","audio_time_color":"","audio_bar_color":"","audio_bar_curr_color":"","shadow_m_shadow_header":"","shadow_m_shadow_title":"Meta info shadow","shadow_m_shadow_size":"","shadow_m_shadow_offset_horizontal":"","shadow_m_shadow_offset_vertical":"","shadow_m_shadow_spread":"","shadow_m_shadow_color":"","btn_bg":"","btn_bg_hover":"","btn_txt":"","btn_txt_hover":"","btn_border":"","btn_border_hover":"","pag_text":"","pag_h_text":"","pag_bg":"","pag_h_bg":"","pag_border":"","pag_h_border":"","ajax_pagination":"","ajax_pagination_next_prev_swipe":"","ajax_pagination_infinite_stop":"","css":"","td_column_number":1,"header_color":"","color_preset":"","border_top":"","class":"tdi_77","tdc_css_class":"tdi_77","tdc_css_class_style":"tdi_77_rand_style"}';
block_tdi_77.td_column_number = "1";
block_tdi_77.block_type = "td_flex_block_1";
block_tdi_77.post_count = "8";
block_tdi_77.found_posts = "469534";
block_tdi_77.header_color = "";
block_tdi_77.ajax_pagination_infinite_stop = "";
block_tdi_77.max_num_pages = "58692";
tdBlocksArray.push(block_tdi_77);
</script><div class="td-block-title-wrap"></div><div id=tdi_77 class="td_block_inner td-mc1-wrap">
<div class="td_module_flex td_module_flex_1 td_module_wrap td-animation-stack td-cpt-post">
<div class="td-module-container td-category-pos-above">
<div class="td-image-container">
<div class="td-module-thumb"><a href="https://actualnewsmagazine.com/hellofresh-test-complet-du-service-de-kits-de-repas-le-plus-en-vogue-est-il-vraiment-le-meilleur/" rel="bookmark" class="td-image-wrap " title="HelloFresh : Test complet du service de kits de repas le plus en vogue, est-il vraiment le meilleur ?" ><span class="entry-thumb td-thumb-css" data-type="css_image" data-img-url="https://actualnewsmagazine.com/wp-content/plugins/td-composer/legacy/Newspaper/assets/images/no-thumb/td_324x400.png" ></span></a></div> </div>
<div class="td-module-meta-info">
<h3 class="entry-title td-module-title"><a href="https://actualnewsmagazine.com/hellofresh-test-complet-du-service-de-kits-de-repas-le-plus-en-vogue-est-il-vraiment-le-meilleur/" rel="bookmark" title="HelloFresh : Test complet du service de kits de repas le plus en vogue, est-il vraiment le meilleur ?">HelloFresh : Test complet du service de kits de repas le plus en vogue, est-il vraiment le meilleur ?</a></h3>
<div class="td-editor-date">
<span class="td-author-date">
<span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2024-11-23T11:59:54+00:00" >novembre 23, 2024</time></span> </span>
</div>
</div>
</div>
</div>
<div class="td_module_flex td_module_flex_1 td_module_wrap td-animation-stack td-cpt-post">
<div class="td-module-container td-category-pos-above">
<div class="td-image-container">
<div class="td-module-thumb"><a href="https://actualnewsmagazine.com/le-dollar-en-tant-quoutil-de-pression-les-etats-unis-ciblent-deux-avocats-a-zurich-mettant-en-peril-letat-de-droit-en-suisse/" rel="bookmark" class="td-image-wrap " title="Le dollar en tant qu’outil de pression : les États-Unis ciblent deux avocats à Zurich, mettant en péril l’État de droit en Suisse." ><span class="entry-thumb td-thumb-css" data-type="css_image" data-img-url="https://actualnewsmagazine.com/wp-content/uploads/2024/11/image_20241123021321-324x400.jpeg" ></span></a></div> </div>
<div class="td-module-meta-info">
<h3 class="entry-title td-module-title"><a href="https://actualnewsmagazine.com/le-dollar-en-tant-quoutil-de-pression-les-etats-unis-ciblent-deux-avocats-a-zurich-mettant-en-peril-letat-de-droit-en-suisse/" rel="bookmark" title="Le dollar en tant qu’outil de pression : les États-Unis ciblent deux avocats à Zurich, mettant en péril l’État de droit en Suisse.">Le dollar en tant qu’outil de pression : les États-Unis ciblent deux avocats à Zurich, mettant en péril l’État de droit en Suisse.</a></h3>
<div class="td-editor-date">
<span class="td-author-date">
<span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2024-11-23T11:42:35+00:00" >novembre 23, 2024</time></span> </span>
</div>
</div>
</div>
</div>
<div class="td_module_flex td_module_flex_1 td_module_wrap td-animation-stack td-cpt-post">
<div class="td-module-container td-category-pos-above">
<div class="td-image-container">
<div class="td-module-thumb"><a href="https://actualnewsmagazine.com/lutte-contre-loubli-comment-la-demence-redefinit-lidentite-humaine-et-les-espoirs-de-guerison/" rel="bookmark" class="td-image-wrap " title="Lutte contre l’oubli : Comment la démence redéfinit l’identité humaine et les espoirs de guérison." ><span class="entry-thumb td-thumb-css" data-type="css_image" data-img-url="https://actualnewsmagazine.com/wp-content/uploads/2024/11/image_20241123021315-324x400.jpeg" ></span></a></div> </div>
<div class="td-module-meta-info">
<h3 class="entry-title td-module-title"><a href="https://actualnewsmagazine.com/lutte-contre-loubli-comment-la-demence-redefinit-lidentite-humaine-et-les-espoirs-de-guerison/" rel="bookmark" title="Lutte contre l’oubli : Comment la démence redéfinit l’identité humaine et les espoirs de guérison.">Lutte contre l’oubli : Comment la démence redéfinit l’identité humaine et les espoirs de guérison.</a></h3>
<div class="td-editor-date">
<span class="td-author-date">
<span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2024-11-23T11:25:48+00:00" >novembre 23, 2024</time></span> </span>
</div>
</div>
</div>
</div>
<div class="td_module_flex td_module_flex_1 td_module_wrap td-animation-stack td-cpt-post">
<div class="td-module-container td-category-pos-above">
<div class="td-image-container">
<div class="td-module-thumb"><a href="https://actualnewsmagazine.com/comprendre-le-championnat-du-monde-dechecs-a-singapour-et-le-role-de-magnus-carlsen/" rel="bookmark" class="td-image-wrap " title="Comprendre le championnat du monde d’échecs à Singapour et le rôle de Magnus Carlsen" ><span class="entry-thumb td-thumb-css" data-type="css_image" data-img-url="https://actualnewsmagazine.com/wp-content/uploads/2024/11/image_20241123021309-324x400.jpeg" ></span></a></div> </div>
<div class="td-module-meta-info">
<h3 class="entry-title td-module-title"><a href="https://actualnewsmagazine.com/comprendre-le-championnat-du-monde-dechecs-a-singapour-et-le-role-de-magnus-carlsen/" rel="bookmark" title="Comprendre le championnat du monde d’échecs à Singapour et le rôle de Magnus Carlsen">Comprendre le championnat du monde d’échecs à Singapour et le rôle de Magnus Carlsen</a></h3>
<div class="td-editor-date">
<span class="td-author-date">
<span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2024-11-23T11:08:44+00:00" >novembre 23, 2024</time></span> </span>
</div>
</div>
</div>
</div>
<div class="td_module_flex td_module_flex_1 td_module_wrap td-animation-stack td-cpt-post">
<div class="td-module-container td-category-pos-above">
<div class="td-image-container">
<div class="td-module-thumb"><a href="https://actualnewsmagazine.com/burn-out-le-temoignage-de-beat-feuer-directeur-financier-de-bienne/" rel="bookmark" class="td-image-wrap " title="Burn-out : le témoignage de Beat Feuer, directeur financier de Bienne" ><span class="entry-thumb td-thumb-css" data-type="css_image" data-img-url="https://actualnewsmagazine.com/wp-content/uploads/2024/11/image_20241123020844-324x400.jpg" ></span></a></div> </div>
<div class="td-module-meta-info">
<h3 class="entry-title td-module-title"><a href="https://actualnewsmagazine.com/burn-out-le-temoignage-de-beat-feuer-directeur-financier-de-bienne/" rel="bookmark" title="Burn-out : le témoignage de Beat Feuer, directeur financier de Bienne">Burn-out : le témoignage de Beat Feuer, directeur financier de Bienne</a></h3>
<div class="td-editor-date">
<span class="td-author-date">
<span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2024-11-23T10:51:10+00:00" >novembre 23, 2024</time></span> </span>
</div>
</div>
</div>
</div>
<div class="td_module_flex td_module_flex_1 td_module_wrap td-animation-stack td-cpt-post">
<div class="td-module-container td-category-pos-above">
<div class="td-image-container">
<div class="td-module-thumb"><a href="https://actualnewsmagazine.com/suspension-de-32-semaines-pour-une-victime-dagression-lors-dun-match-u16/" rel="bookmark" class="td-image-wrap " title="Suspension de 32 semaines pour une victime d’agression lors d’un match U16" ><span class="entry-thumb td-thumb-css" data-type="css_image" data-img-url="https://actualnewsmagazine.com/wp-content/uploads/2024/11/image_20241123020711-324x400.jpg" ></span></a></div> </div>
<div class="td-module-meta-info">
<h3 class="entry-title td-module-title"><a href="https://actualnewsmagazine.com/suspension-de-32-semaines-pour-une-victime-dagression-lors-dun-match-u16/" rel="bookmark" title="Suspension de 32 semaines pour une victime d’agression lors d’un match U16">Suspension de 32 semaines pour une victime d’agression lors d’un match U16</a></h3>
<div class="td-editor-date">
<span class="td-author-date">
<span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2024-11-23T10:34:16+00:00" >novembre 23, 2024</time></span> </span>
</div>
</div>
</div>
</div>
<div class="td_module_flex td_module_flex_1 td_module_wrap td-animation-stack td-cpt-post">
<div class="td-module-container td-category-pos-above">
<div class="td-image-container">
<div class="td-module-thumb"><a href="https://actualnewsmagazine.com/les-7-films-incontournables-de-ridley-scott-classes-par-excellence/" rel="bookmark" class="td-image-wrap " title="Les 7 films incontournables de Ridley Scott, classés par excellence" ><span class="entry-thumb td-thumb-css" data-type="css_image" data-img-url="https://actualnewsmagazine.com/wp-content/uploads/2024/11/image_20241123020707-324x400.jpg" ></span></a></div> </div>
<div class="td-module-meta-info">
<h3 class="entry-title td-module-title"><a href="https://actualnewsmagazine.com/les-7-films-incontournables-de-ridley-scott-classes-par-excellence/" rel="bookmark" title="Les 7 films incontournables de Ridley Scott, classés par excellence">Les 7 films incontournables de Ridley Scott, classés par excellence</a></h3>
<div class="td-editor-date">
<span class="td-author-date">
<span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2024-11-23T10:17:17+00:00" >novembre 23, 2024</time></span> </span>
</div>
</div>
</div>
</div>
<div class="td_module_flex td_module_flex_1 td_module_wrap td-animation-stack td-cpt-post">
<div class="td-module-container td-category-pos-above">
<div class="td-image-container">
<div class="td-module-thumb"><a href="https://actualnewsmagazine.com/ou-trouver-de-la-fleur-de-thca-pres-de-chez-vous-decouvrez-pourquoi-black-tie-est-le-choix-ideal/" rel="bookmark" class="td-image-wrap " title="Où trouver de la Fleur de THCA près de chez vous ? Découvrez pourquoi Black Tie est le choix idéal." ><span class="entry-thumb td-thumb-css" data-type="css_image" data-img-url="https://actualnewsmagazine.com/wp-content/uploads/2024/11/image_20241122223047-324x400.jpg" ></span></a></div> </div>
<div class="td-module-meta-info">
<h3 class="entry-title td-module-title"><a href="https://actualnewsmagazine.com/ou-trouver-de-la-fleur-de-thca-pres-de-chez-vous-decouvrez-pourquoi-black-tie-est-le-choix-ideal/" rel="bookmark" title="Où trouver de la Fleur de THCA près de chez vous ? Découvrez pourquoi Black Tie est le choix idéal.">Où trouver de la Fleur de THCA près de chez vous ? Découvrez pourquoi Black Tie est le choix idéal.</a></h3>
<div class="td-editor-date">
<span class="td-author-date">
<span class="td-post-date"><time class="entry-date updated td-module-date" datetime="2024-11-23T08:34:43+00:00" >novembre 23, 2024</time></span> </span>
</div>
</div>
</div>
</div>
</div></div></div></div></div></div></div></div> <span class="td-page-meta" itemprop="author" itemscope itemtype="https://schema.org/Person"><meta itemprop="name" content="admin"><meta itemprop="url" content="https://actualnewsmagazine.com/author/nivatsi/"></span><meta itemprop="datePublished" content="2022-08-14T12:15:49+00:00"><meta itemprop="dateModified" content="2022-08-14T12:15:52+00:00"><meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://actualnewsmagazine.com/comment-creer-un-serveur-web-raspberry-pi-pico-w/"/><span class="td-page-meta" itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><span class="td-page-meta" itemprop="logo" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="https://actualnewsmagazine.com/comment-creer-un-serveur-web-raspberry-pi-pico-w/"></span><meta itemprop="name" content="Actual News Magazine"></span><meta itemprop="headline" content="Comment créer un serveur Web Raspberry Pi Pico W"><span class="td-page-meta" itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="https://nvts-gb-ldn-actualnewsmagazine.actualnewsmagazine.com/wp-content/uploads/2022/08/1660479351_Comment-creer-un-serveur-Web-Raspberry-Pi-Pico-W.jpg"><meta itemprop="width" content="1200"><meta itemprop="height" content="675"></span> </article>
</div>
</div>
</div> <!-- #tdb-autoload-article -->
<div class="td-footer-template-wrap" style="position: relative; ">
<div class="td-footer-wrap ">
</div>
</div>
<script id="td-footer-delay-script">
// jQuery(document).ready( function() {
document.addEventListener( 'DOMContentLoaded', function() {
'use strict';
/* global jQuery:{} */
/* global td_ajax_url, td_res_context_registered_atts */
const tdFooterWrap = jQuery('.td-footer-wrap');
const tdPostID = '501518';
// on ui_delayed_load event
tdFooterWrap.on( 'ui_delayed_load', function () {
jQuery.ajax({
type: 'POST',
url: td_ajax_url,
data: {
action: 'tdb_get_footer',
postID: tdPostID,
td_res_context_registered_atts: td_res_context_registered_atts
},
success: function( data, textStatus, XMLHttpRequest ) {
// console.groupCollapsed('%c footerLoadContent/tdb_get_footer: success', 'color: mediumseagreen;' );
// console.log( 'Post: ', { postId: tdPostID } );
// console.log( 'Reply: ', data );
// console.groupEnd();
// decode data
var decodedData = jQuery.parseJSON(data);
// process data content
if ( 'undefined' !== typeof decodedData.content ) {
jQuery(decodedData.content).appendTo(tdFooterWrap);
// add custom classes
if ( 'undefined' !== typeof decodedData.classes ) {
tdFooterWrap.addClass(decodedData.classes);
}
// reinit lazy load
if ( ( 'undefined' !== typeof window.tdAnimationStack ) && ( true === window.tdAnimationStack.activated ) ) {
window.tdAnimationStack.reinit();
}
}
},
error: function( MLHttpRequest, textStatus, errorThrown ) {
// console.group('%c footerLoadContent/tdb_get_footer: error', 'color: orangered;' );
// console.log( 'Post: ', { postId: tdPostID, } );
// console.log( 'Error data: ', {
// errorThrown: errorThrown,
// textStatus: textStatus,
// status: MLHttpRequest.status !== undefined ? MLHttpRequest.status : '',
// MLHttpRequest: MLHttpRequest,
// });
// console.groupEnd();
}
});
});
// ui events
const uiEvents = [
'mouseover',
'click',
'keydown',
'wheel',
"touchmove",
"touchstart",
];
// ui events handler
function uiEventsHandler(e) {
// console.log( '%c delayed footer load', 'color: white; background-color: #7ad03a' );
// console.log( 'event type:', e.type );
// trigger delayed footer loading
tdFooterWrap.trigger('ui_delayed_load');
// remove ui_events
uiEvents.forEach( e => {
//console.log( 'removeEventListener:', e );
window.removeEventListener( e, uiEventsHandler );
});
}
// utility function to check if an element is in viewport
function isElementInViewport(el) {
var rect = el.getBoundingClientRect();
// var header_menu_affix = jQuery('.td-header-menu-wrap.td-affix'),
// header_menu_affix_height = header_menu_affix.length ? header_menu_affix.outerHeight() : 0;
// var admin_bar = jQuery('#wpadminbar'),
// admin_bar_height = admin_bar.length ? admin_bar.outerHeight() : 0;
// var setTop = tdFooterWrap.offset().top/* - ( header_menu_affix_height + admin_bar_height )*/,
// setHeight = tdFooterWrap.outerHeight(true),
// setBottom = setTop + setHeight; // set the bottom by adding its height to the scroll position of its top
// var win = jQuery(window),
// windowTop = win.scrollTop(),
// windowBottom = windowTop + win.height();
/* rest */
// console.log( 'rect', rect );
// console.log( 'rect:top', rect.top );
// console.log( 'rect:bottom', rect.bottom );
// console.log( 'window.innerHeight', window.innerHeight );
/* element */
// console.log( 'top', setTop );
// console.log( 'height', setHeight );
// console.log( 'bottom', setBottom );
/* window */
// console.log( 'window top', windowTop );
// console.log( 'window bottom', windowBottom );
return (
rect.bottom >= 0 &&
rect.top <= ( window.innerHeight || document.documentElement.clientHeight )
);
}
// check if footer element is in viewport
function checkFooterVisibility() {
if ( isElementInViewport(tdFooterWrap[0]) ) {
//console.log('footer el is in the viewport!');
// trigger delayed footer loading
tdFooterWrap.trigger('ui_delayed_load');
} else {
// console.log('footer el is NOT in the viewport!');
// add ui events
uiEvents.forEach( e => {
//console.log( 'footer ui delayed load addEventListener: ', e );
window.addEventListener( e, uiEventsHandler, { passive: true } );
});
}
}
// initial load, check footer visibility after a short delay
setTimeout( checkFooterVisibility, 100 );
});
</script>
<style>.tdc-footer-template .td-main-content-wrap{padding-bottom:0}</style>
</div><!--close td-outer-wrap-->
<!--
Theme: Newspaper by tagDiv.com 2024
Version: 12.6.8 (rara)
Deploy mode: deploy
uid: 6741df3286aec
-->
<script type="text/javascript" src="https://actualnewsmagazine.com/wp-content/plugins/td-composer/legacy/Newspaper/js/tagdiv_theme.min.js?ver=12.6.8" id="td-site-min-js"></script>
<script type="text/javascript" src="https://actualnewsmagazine.com/wp-content/plugins/td-composer/legacy/Newspaper/js/tdPostImages.js?ver=12.6.8" id="tdPostImages-js"></script>
<script type="text/javascript" src="https://actualnewsmagazine.com/wp-content/plugins/td-composer/legacy/Newspaper/js/tdSocialSharing.js?ver=12.6.8" id="tdSocialSharing-js"></script>
<script type="text/javascript" src="https://actualnewsmagazine.com/wp-content/plugins/td-composer/legacy/Newspaper/js/tdModalPostImages.js?ver=12.6.8" id="tdModalPostImages-js"></script>
<script type="text/javascript" src="https://actualnewsmagazine.com/wp-includes/js/comment-reply.min.js?ver=6.7.1" id="comment-reply-js" async="async" data-wp-strategy="async"></script>
<script type="text/javascript" src="https://actualnewsmagazine.com/wp-includes/js/underscore.min.js?ver=1.13.7" id="underscore-js"></script>
<script type="text/javascript" id="tds_js_files_for_front-js-extra">
/* <![CDATA[ */
var tds_js_globals = {"wpRestNonce":"147116562a","wpRestUrl":"https:\/\/actualnewsmagazine.com\/wp-json\/","permalinkStructure":"\/%postname%\/"};
/* ]]> */
</script>
<script type="text/javascript" src="https://actualnewsmagazine.com/wp-content/plugins/td-subscription/assets/js/js_files_for_front.min.js?ver=1.6.2" id="tds_js_files_for_front-js"></script>
<script type="text/javascript" src="https://actualnewsmagazine.com/wp-content/plugins/td-cloud-library/assets/js/js_files_for_front.min.js?ver=b33652f2535d2f3812f59e306e26300d" id="tdb_js_files_for_front-js"></script>
<script type="text/javascript" src="https://actualnewsmagazine.com/wp-content/plugins/td-composer/legacy/Newspaper/js/tdToTop.js?ver=12.6.8" id="tdToTop-js"></script>
<script type="text/javascript" src="https://actualnewsmagazine.com/wp-content/plugins/td-composer/legacy/Newspaper/js/tdLoginMobile.js?ver=12.6.8" id="tdLoginMobile-js"></script>
<script type="text/javascript" src="https://actualnewsmagazine.com/wp-content/plugins/td-composer/legacy/Newspaper/js/tdAjaxSearch.js?ver=12.6.8" id="tdDatei18n-js"></script>
<script type="text/javascript" src="https://actualnewsmagazine.com/wp-content/plugins/td-cloud-library/assets/js/tdbSearch.js?ver=b33652f2535d2f3812f59e306e26300d" id="tdbSearch-js"></script>
<script type="text/javascript" src="https://actualnewsmagazine.com/wp-content/plugins/td-cloud-library/assets/js/tdbMenu.js?ver=b33652f2535d2f3812f59e306e26300d" id="tdbMenu-js"></script>
<script type="text/javascript" src="https://actualnewsmagazine.com/wp-content/plugins/td-composer/legacy/Newspaper/js/tdMenu.js?ver=12.6.8" id="tdMenu-js"></script>
<script type="text/javascript" src="https://actualnewsmagazine.com/wp-content/plugins/td-composer/legacy/Newspaper/js/tdSmartSidebar.js?ver=12.6.8" id="tdSmartSidebar-js"></script>
<!-- JS generated by theme -->
<script type="text/javascript" id="td-generated-footer-js">
jQuery().ready(function () {
var blockClass = '.tdi_16';
jQuery(blockClass + '.tdb-horiz-menu-singleline > .menu-item-has-children a').click(function (e) {
e.preventDefault();
})
});
jQuery().ready(function () {
var tdbSearchItem = new tdbSearch.item();
//block unique ID
tdbSearchItem.blockUid = 'tdi_27';
tdbSearchItem.blockAtts = '{"results_msg_align":"content-horiz-center","image_floated":"float_left","image_size":"td_324x400","show_btn":"none","show_date":"","show_review":"none","show_com":"none","show_excerpt":"none","show_author":"none","meta_padding":"0 0 0 16px","all_modules_space":"eyJhbGwiOiIxMHB4IiwibGFuZHNjYXBlIjoiMTBweCIsInBvcnRyYWl0IjoiMTBweCJ9","form_padding":"eyJhbGwiOiIzMHB4IiwibGFuZHNjYXBlIjoiMjBweCIsInBvcnRyYWl0IjoiMjBweCJ9","form_border":"0","form_align":"content-horiz-right","results_padding":"eyJhbGwiOiIwIDMwcHggMzBweCIsImxhbmRzY2FwZSI6IjAgMjBweCAyMHB4ICIsInBvcnRyYWl0IjoiMCAyMHB4IDIwcHgifQ==","results_border":"0 0 1px 0","results_msg_padding":"eyJhbGwiOiIxMHB4IDAiLCJsYW5kc2NhcGUiOiI2cHggMCIsInBvcnRyYWl0IjoiNHB4IDAifQ==","modules_divider":"","modules_divider_color":"rgba(127,127,127,0.1)","h_effect":"","image_height":"100","meta_info_horiz":"content-horiz-left","meta_info_align":"","results_msg_color":"#4c4084","f_title_font_size":"eyJhbGwiOiIxNSIsImxhbmRzY2FwZSI6IjE0IiwicG9ydHJhaXQiOiIxMiJ9","f_title_font_weight":"700","modules_category":"above","mc1_el":"16","f_title_font_line_height":"1.1","btn_tdicon":"tdc-font-tdmp tdc-font-tdmp-arrow-cut-right","btn_icon_size":"12","btn_padding":"eyJhbGwiOiI4cHggMTZweCIsInBvcnRyYWl0IjoiNnB4IDE2cHgifQ==","btn_icon_space":"10","input_border_color":"rgba(0,0,0,0.05)","btn_shadow_shadow_color":"rgba(0,0,0,0.39)","btn_icon_pos":"after","inline":"yes","input_padding":"0","title_txt_hover":"#4c4084","form_width":"eyJhbGwiOiI3MDAiLCJwb3J0cmFpdCI6IjUwMCJ9","f_input_font_family":"947","f_placeholder_font_family":"947","f_title_font_family":"947","f_title_font_transform":"","cat_txt_hover":"#000000","image_width":"27","tdicon":"td-icon-magnifier-big-rounded","icon_color_h":"#4c4084","arrow_color":"#d6d6d6","ex_txt":"#a5a5a5","mc1_tl":"16","toggle_txt_pos":"","toggle_txt_color":"#000000","icon_padding":"eyJhbGwiOiIyLjQiLCJwb3J0cmFpdCI6IjMuMSIsImxhbmRzY2FwZSI6IjMuMSJ9","btn_bg_h":"eyJ0eXBlIjoiZ3JhZGllbnQiLCJjb2xvcjEiOiIjMTEwMDIxIiwiY29sb3IyIjoiIzA2MjYzYSIsIm1peGVkQ29sb3JzIjpbXSwiZGVncmVlIjoiLTMwIiwiY3NzIjoiYmFja2dyb3VuZDogLXdlYmtpdC1saW5lYXItZ3JhZGllbnQoLTMwZGVnLCMwNjI2M2EsIzExMDAyMSk7YmFja2dyb3VuZDogbGluZWFyLWdyYWRpZW50KC0zMGRlZywjMDYyNjNhLCMxMTAwMjEpOyIsImNzc1BhcmFtcyI6Ii0zMGRlZywjMDYyNjNhLCMxMTAwMjEifQ==","form_shadow_shadow_size":"2","form_shadow_shadow_offset_vertical":"0","form_shadow_shadow_color":"rgba(0,0,0,0.11)","f_meta_font_weight":"400","f_meta_font_family":"582","modules_category_padding":"3px 4px 2px","input_placeholder":"type here...","input_border":"0 0 2px 0","f_results_msg_font_family":"947","f_results_msg_font_transform":"","f_results_msg_font_weight":"","f_results_msg_font_style":"normal","f_placeholder_font_size":"14","f_placeholder_font_weight":"400","image_alignment":"20","f_input_font_size":"14","f_input_font_weight":"400","placeholder_opacity":"0.01","icon_size":"eyJhbGwiOiIyMCIsInBvcnRyYWl0IjoiMTYiLCJsYW5kc2NhcGUiOiIxNiJ9","float_block":"yes","title_txt":"#051d2d","cat_bg":"#4c4084","f_ex_font_family":"","f_meta_font_size":"eyJhbGwiOiIxMyIsInBvcnRyYWl0IjoiMTIifQ==","art_title":"0 0 2px","tdc_css":"eyJwb3J0cmFpdCI6eyJtYXJnaW4tdG9wIjoiMSIsImRpc3BsYXkiOiIifSwicG9ydHJhaXRfbWF4X3dpZHRoIjoxMDE4LCJwb3J0cmFpdF9taW5fd2lkdGgiOjc2OCwiYWxsIjp7Im1hcmdpbi10b3AiOiIxIiwiZGlzcGxheSI6IiJ9fQ==","icon_color":"#000000","show_form":"yes","form_offset":"1","btn_bg":"#4c4084","modules_on_row":"50%","results_limit":"6","results_msg_color_h":"#4c4084","author_txt":"#000000","author_txt_hover":"#000000","f_meta_font_line_height":"1","f_meta_font_style":"italic","f_cat_font_family":"582","f_cat_font_weight":"400","f_cat_font_transform":"uppercase","f_cat_font_spacing":"1","modules_category_margin":"0 0 7px 0","date_txt":"#000000","block_type":"tdb_header_search","post_type":"","disable_trigger":"","show_results":"yes","separator":"","disable_live_search":"","exclude_pages":"","exclude_posts":"","search_section_header":"","results_section_1_title":"","results_section_1_taxonomies":"","results_section_1_level":"","results_section_2_title":"","results_section_2_taxonomies":"","results_section_2_level":"","results_section_3_title":"","results_section_3_taxonomies":"","results_section_3_level":"","results_section_search_query_terms":"","results_section_search_query_terms_title":"","results_section_search_query_terms_taxonomies":"","sec_title_space":"","sec_title_color":"","tax_space":"","tax_title_color":"","tax_title_color_h":"","f_sec_title_font_header":"","f_sec_title_font_title":"Section title text","f_sec_title_font_settings":"","f_sec_title_font_family":"","f_sec_title_font_size":"","f_sec_title_font_line_height":"","f_sec_title_font_style":"","f_sec_title_font_weight":"","f_sec_title_font_transform":"","f_sec_title_font_spacing":"","f_sec_title_":"","f_tax_title_font_title":"Taxonomy title text","f_tax_title_font_settings":"","f_tax_title_font_family":"","f_tax_title_font_size":"","f_tax_title_font_line_height":"","f_tax_title_font_style":"","f_tax_title_font_weight":"","f_tax_title_font_transform":"","f_tax_title_font_spacing":"","f_tax_title_":"","toggle_txt":"","toggle_txt_align":"0","toggle_txt_space":"","aria_label":"Search","toggle_horiz_align":"content-horiz-left","form_offset_left":"","form_content_width":"","form_align_screen":"","placeholder_travel":"0","input_radius":"","btn_text":"Search","btn_aria_label":"Search","btn_icon_align":"0","btn_margin":"","btn_border":"","btn_radius":"","results_msg_border":"","mc1_title_tag":"","open_in_new_window":"","modules_gap":"","m_padding":"","modules_border_size":"","modules_border_style":"","modules_border_color":"#eaeaea","image_radius":"","hide_image":"","video_icon":"","show_vid_t":"block","vid_t_margin":"","vid_t_padding":"","vid_t_color":"","vid_t_bg_color":"","f_vid_time_font_header":"","f_vid_time_font_title":"Video duration text","f_vid_time_font_settings":"","f_vid_time_font_family":"","f_vid_time_font_size":"","f_vid_time_font_line_height":"","f_vid_time_font_style":"","f_vid_time_font_weight":"","f_vid_time_font_transform":"","f_vid_time_font_spacing":"","f_vid_time_":"","excl_show":"inline-block","excl_txt":"","excl_margin":"","excl_padd":"","all_excl_border":"","all_excl_border_style":"solid","excl_radius":"","excl_color":"","excl_color_h":"","excl_bg":"","excl_bg_h":"","all_excl_border_color":"","excl_border_color_h":"","f_excl_font_header":"","f_excl_font_title":"Label text","f_excl_font_settings":"","f_excl_font_family":"","f_excl_font_size":"","f_excl_font_line_height":"","f_excl_font_style":"","f_excl_font_weight":"","f_excl_font_transform":"","f_excl_font_spacing":"","f_excl_":"","meta_width":"","meta_margin":"","meta_info_border_size":"","meta_info_border_style":"","meta_info_border_color":"#eaeaea","art_btn":"","modules_cat_border":"","modules_category_radius":"0","show_cat":"inline-block","modules_extra_cat":"","author_photo":"","author_photo_size":"","author_photo_space":"","author_photo_radius":"","show_modified_date":"","time_ago":"","time_ago_add_txt":"ago","time_ago_txt_pos":"","review_space":"","review_size":"2.5","review_distance":"","art_excerpt":"","excerpt_col":"1","excerpt_gap":"","excerpt_middle":"","btn_title":"","btn_border_width":"","form_general_bg":"","toggle_txt_color_h":"","f_toggle_txt_font_header":"","f_toggle_txt_font_title":"Text","f_toggle_txt_font_settings":"","f_toggle_txt_font_family":"","f_toggle_txt_font_size":"","f_toggle_txt_font_line_height":"","f_toggle_txt_font_style":"","f_toggle_txt_font_weight":"","f_toggle_txt_font_transform":"","f_toggle_txt_font_spacing":"","f_toggle_txt_":"","form_bg":"","form_border_color":"","form_shadow_shadow_header":"","form_shadow_shadow_title":"Shadow","form_shadow_shadow_offset_horizontal":"","form_shadow_shadow_spread":"","input_color":"","placeholder_color":"","input_bg":"","input_shadow_shadow_header":"","input_shadow_shadow_title":"Input shadow","input_shadow_shadow_size":"","input_shadow_shadow_offset_horizontal":"","input_shadow_shadow_offset_vertical":"","input_shadow_shadow_spread":"","input_shadow_shadow_color":"","btn_color":"","btn_color_h":"","btn_icon_color":"","btn_icon_color_h":"","btn_border_color":"","btn_border_color_h":"","btn_shadow_shadow_header":"","btn_shadow_shadow_title":"Button shadow","btn_shadow_shadow_size":"","btn_shadow_shadow_offset_horizontal":"","btn_shadow_shadow_offset_vertical":"","btn_shadow_shadow_spread":"","f_input_font_header":"","f_input_font_title":"Input text","f_input_font_settings":"","f_input_font_line_height":"","f_input_font_style":"","f_input_font_transform":"","f_input_font_spacing":"","f_input_":"","f_placeholder_font_title":"Placeholder text","f_placeholder_font_settings":"","f_placeholder_font_line_height":"","f_placeholder_font_style":"","f_placeholder_font_transform":"","f_placeholder_font_spacing":"","f_placeholder_":"","f_btn_font_title":"Button text","f_btn_font_settings":"","f_btn_font_family":"","f_btn_font_size":"","f_btn_font_line_height":"","f_btn_font_style":"","f_btn_font_weight":"","f_btn_font_transform":"","f_btn_font_spacing":"","f_btn_":"","results_bg":"","results_border_color":"","results_msg_bg":"","results_msg_border_color":"","f_results_msg_font_header":"","f_results_msg_font_title":"Text","f_results_msg_font_settings":"","f_results_msg_font_size":"","f_results_msg_font_line_height":"","f_results_msg_font_spacing":"","f_results_msg_":"","m_bg":"","color_overlay":"","shadow_module_shadow_header":"","shadow_module_shadow_title":"Module Shadow","shadow_module_shadow_size":"","shadow_module_shadow_offset_horizontal":"","shadow_module_shadow_offset_vertical":"","shadow_module_shadow_spread":"","shadow_module_shadow_color":"","all_underline_height":"","all_underline_color":"#000","cat_bg_hover":"","cat_txt":"","cat_border":"","cat_border_hover":"","meta_bg":"","com_bg":"","com_txt":"","rev_txt":"","shadow_meta_shadow_header":"","shadow_meta_shadow_title":"Meta info shadow","shadow_meta_shadow_size":"","shadow_meta_shadow_offset_horizontal":"","shadow_meta_shadow_offset_vertical":"","shadow_meta_shadow_spread":"","shadow_meta_shadow_color":"","btn_bg_hover":"","btn_txt":"","btn_txt_hover":"","btn_border_hover":"","f_title_font_header":"","f_title_font_title":"Article title","f_title_font_settings":"","f_title_font_style":"","f_title_font_spacing":"","f_title_":"","f_cat_font_title":"Article category tag","f_cat_font_settings":"","f_cat_font_size":"","f_cat_font_line_height":"","f_cat_font_style":"","f_cat_":"","f_meta_font_title":"Article meta info","f_meta_font_settings":"","f_meta_font_transform":"","f_meta_font_spacing":"","f_meta_":"","f_ex_font_title":"Article excerpt","f_ex_font_settings":"","f_ex_font_size":"","f_ex_font_line_height":"","f_ex_font_style":"","f_ex_font_weight":"","f_ex_font_transform":"","f_ex_font_spacing":"","f_ex_":"","el_class":"","block_template_id":"","td_column_number":1,"header_color":"","ajax_pagination_infinite_stop":"","offset":"","limit":"5","td_ajax_preloading":"","td_ajax_filter_type":"","td_filter_default_txt":"","td_ajax_filter_ids":"","color_preset":"","ajax_pagination":"","ajax_pagination_next_prev_swipe":"","border_top":"","css":"","class":"tdi_27","tdc_css_class":"tdi_27","tdc_css_class_style":"tdi_27_rand_style"}';
tdbSearchItem.jqueryObj = jQuery('.tdi_27');
tdbSearchItem._openSearchFormClass = 'tdb-drop-down-search-open';
tdbSearchItem._resultsLimit = '6';
tdbSearch.addItem( tdbSearchItem );
});
/* global jQuery:{} */
jQuery(document).ready( function () {
var tdbMenuItem = new tdbMenu.item();
tdbMenuItem.blockUid = 'tdi_34';
tdbMenuItem.jqueryObj = jQuery('.tdi_34');
tdbMenuItem.blockAtts = '{"sub_tdicon":"td-icon-right","mm_align_horiz":"content-horiz-center","modules_on_row_regular":"20%","modules_on_row_cats":"25%","image_size":"","modules_category":"image","show_excerpt":"none","show_com":"none","show_date":"","show_author":"eyJwb3J0cmFpdCI6Im5vbmUiLCJsYW5kc2NhcGUiOiJub25lIn0=","mm_sub_align_horiz":"content-horiz-right","mm_elem_align_horiz":"content-horiz-right","menu_id":"117","f_elem_font_family":"582","f_elem_font_weight":"eyJhbGwiOiI3MDAiLCJwb3J0cmFpdCI6IjYwMCJ9","f_elem_font_size":"eyJhbGwiOiIxNiIsInBvcnRyYWl0IjoiMTIiLCJsYW5kc2NhcGUiOiIxNSJ9","elem_padd":"eyJhbGwiOiIwIDI0cHgiLCJsYW5kc2NhcGUiOiIwIDEwcHgiLCJwb3J0cmFpdCI6IjAgMTBweCJ9","mm_align_screen":"yes","f_title_font_family":"947","f_title_font_weight":"700","f_ex_font_family":"","f_title_font_size":"eyJhbGwiOiIxNyIsImxhbmRzY2FwZSI6IjE0IiwicG9ydHJhaXQiOiIxMiJ9","image_height":"55","m_bg":"#ffffff","art_title":"eyJwb3J0cmFpdCI6IjJweCAwIDZweCAwIiwiYWxsIjoiNnB4IDAifQ==","h_effect":"","meta_info_horiz":"content-horiz-left","f_sub_elem_font_family":"582","f_mm_sub_font_family":"947","mm_elem_color_a":"#4c4084","title_txt_hover":"#4c4084","tds_menu_sub_active1-sub_text_color_h":"#4c4084","f_sub_elem_font_transform":"","f_sub_elem_font_size":"eyJhbGwiOiIxMyIsInBvcnRyYWl0IjoiMTEifQ==","f_sub_elem_font_weight":"","sub_elem_padd":"eyJhbGwiOiI0cHggMjhweCIsInBvcnRyYWl0IjoiNHB4IDI2cHgifQ==","mm_subcats_border_color":"rgba(10,0,0,0.05)","mm_elem_bg":"rgba(0,0,0,0)","mm_elem_bg_a":"rgba(0,0,0,0)","mm_elem_border_color_a":"rgba(0,0,0,0)","pag_h_bg":"#4c4084","pag_h_border":"#4c4084","f_elem_font_line_height":"eyJhbGwiOiI1NXB4IiwibGFuZHNjYXBlIjoiNTFweCIsInBvcnRyYWl0IjoiNDJweCJ9","f_title_font_transform":"","f_mm_sub_font_size":"eyJwb3J0cmFpdCI6IjExIiwibGFuZHNjYXBlIjoiMTIifQ==","mm_elem_padd":"eyJwb3J0cmFpdCI6IjAgMjJweCIsImFsbCI6IjJweCAyMnB4In0=","mm_sub_width":"eyJsYW5kc2NhcGUiOiIxNjAiLCJwb3J0cmFpdCI6IjEyMCJ9","modules_gap":"eyJwb3J0cmFpdCI6IjE1IiwiYWxsIjoiMjAiLCJsYW5kc2NhcGUiOiIyMCJ9","mm_padd":"eyJwb3J0cmFpdCI6IjE1IiwiYWxsIjoiMzAiLCJsYW5kc2NhcGUiOiIyMCJ9","mm_sub_padd":"eyJwb3J0cmFpdCI6IjE1cHggMCJ9","main_sub_icon_space":"eyJwb3J0cmFpdCI6IjcifQ==","tds_menu_sub_active1-sub_elem_bg_color_h":"rgba(76,64,132,0.05)","tdc_css":"eyJhbGwiOnsiZGlzcGxheSI6IiJ9LCJwb3J0cmFpdCI6eyJtYXJnaW4tdG9wIjoiMSIsImRpc3BsYXkiOiIifSwicG9ydHJhaXRfbWF4X3dpZHRoIjoxMDE4LCJwb3J0cmFpdF9taW5fd2lkdGgiOjc2OH0=","f_title_font_line_height":"1.1","tds_menu_sub_active":"tds_menu_sub_active1","sub_shadow_shadow_offset_horizontal":"0","main_sub_tdicon":"td-icon-down","f_cat_font_family":"582","f_cat_font_weight":"400","f_cat_font_transform":"uppercase","f_cat_font_size":"10","modules_category_padding":"3px 4px 2px","f_meta_font_family":"582","f_meta_font_weight":"400","f_meta_font_size":"eyJhbGwiOiIxMyIsInBvcnRyYWl0IjoiMTIifQ==","mm_shadow_shadow_size":"0","mm_shadow_shadow_offset_vertical":"0","f_mm_sub_font_weight":"","f_mm_sub_font_transform":"","mm_elem_color":"#000000","sub_shadow_shadow_size":"1","sub_align_horiz":"content-horiz-left","sub_icon_pos":"","sub_icon_space":"7","sub_icon_size":"10","sub_shadow_shadow_color":"rgba(0,0,0,0.14)","f_elem_font_transform":"","tds_menu_active":"tds_menu_active1","title_txt":"#051d2d","mm_width":"1502","f_cat_font_line_height":"1","sub_padd":"18px 0","sub_text_color":"#919191","main_sub_icon_size":"eyJsYW5kc2NhcGUiOiIxMCIsInBvcnRyYWl0IjoiMTAiLCJhbGwiOiIxMiJ9","sub_icon_align":"eyJhbGwiOjIsInBvcnRyYWl0IjoiMyJ9","show_cat":"","cat_bg":"#4c4084","cat_txt":"#ffffff","mm_subcats_bg":"#ffffff","author_txt":"#000000","author_txt_hover":"#000000","tds_menu_active1-text_color_h":"#4c4084","sub_shadow_shadow_offset_vertical":"0","align_horiz":"content-horiz-center","f_elem_font_spacing":"-0.5","f_cat_font_spacing":"1","f_meta_font_line_height":"1","f_meta_font_style":"italic","date_txt":"#000000","sub_rest_top":"-18","sub_first_left":"-4","show_mega_cats":"yes","tds_menu_active1-line_color":"","tds_menu_active1-line_height":"0","f_mm_sub_font_line_height":"1.4","main_sub_icon_align":"eyJhbGwiOi0xLCJwb3J0cmFpdCI6IjAifQ==","block_type":"tdb_header_menu","show_subcat":"","show_mega":"","mob_load":"","separator":"","width":"","inline":"","more":"","float_right":"","elem_space":"","sep_tdicon":"","sep_icon_size":"","sep_icon_space":"","sep_icon_align":"-1","more_txt":"","more_tdicon":"","more_icon_size":"","more_icon_align":"0","sub_width":"","sub_elem_inline":"","sub_elem_space":"","sub_elem_radius":"0","mm_content_width":"","mm_height":"","mm_radius":"","mm_offset":"","mm_posts_limit":"5","mm_subcats_posts_limit":"4","mm_child_cats":"","open_in_new_window":"","mm_ajax_preloading":"","mm_hide_all_item":"","mm_sub_border":"","mm_sub_inline":"","mm_elem_order":"name","mm_elem_space":"","mm_elem_border":"","mm_elem_border_a":"","mm_elem_border_rad":"","mc1_tl":"","mc1_title_tag":"","mc1_el":"","m_padding":"","all_modules_space":"36","modules_border_size":"","modules_border_style":"","modules_border_color":"#eaeaea","modules_divider":"","modules_divider_color":"#eaeaea","image_alignment":"50","image_width":"","image_floated":"no_float","image_radius":"","hide_image":"","video_icon":"","show_vid_t":"block","vid_t_margin":"","vid_t_padding":"","vid_t_color":"","vid_t_bg_color":"","f_vid_time_font_header":"","f_vid_time_font_title":"Video duration text","f_vid_time_font_settings":"","f_vid_time_font_family":"","f_vid_time_font_size":"","f_vid_time_font_line_height":"","f_vid_time_font_style":"","f_vid_time_font_weight":"","f_vid_time_font_transform":"","f_vid_time_font_spacing":"","f_vid_time_":"","excl_show":"inline-block","excl_txt":"","excl_margin":"","excl_padd":"","all_excl_border":"","all_excl_border_style":"solid","excl_radius":"","excl_color":"","excl_color_h":"","excl_bg":"","excl_bg_h":"","all_excl_border_color":"","excl_border_color_h":"","f_excl_font_header":"","f_excl_font_title":"Label text","f_excl_font_settings":"","f_excl_font_family":"","f_excl_font_size":"","f_excl_font_line_height":"","f_excl_font_style":"","f_excl_font_weight":"","f_excl_font_transform":"","f_excl_font_spacing":"","f_excl_":"","show_audio":"block","hide_audio":"","art_audio":"","art_audio_size":"1","meta_info_align":"","meta_width":"","meta_margin":"","meta_padding":"","meta_info_border_size":"","meta_info_border_style":"","meta_info_border_color":"#eaeaea","modules_category_margin":"","modules_cat_border":"","modules_category_radius":"0","modules_extra_cat":"","author_photo":"","author_photo_size":"","author_photo_space":"","author_photo_radius":"","show_modified_date":"","time_ago":"","time_ago_add_txt":"ago","time_ago_txt_pos":"","art_excerpt":"","excerpt_col":"1","excerpt_gap":"","excerpt_middle":"","show_review":"inline-block","review_space":"","review_size":"2.5","review_distance":"","show_pagination":"","pag_space":"","pag_padding":"","pag_border_width":"","pag_border_radius":"","prev_tdicon":"","next_tdicon":"","pag_icons_size":"","text_color":"","main_sub_color":"","sep_color":"","more_icon_color":"","hover_opacity":"","f_elem_font_header":"","f_elem_font_title":"Elements text","f_elem_font_settings":"","f_elem_font_style":"","f_elem_":"","sub_bg_color":"","sub_border_size":"","sub_border_color":"","sub_border_radius":"","sub_elem_bg_color":"","sub_color":"","sub_shadow_shadow_header":"","sub_shadow_shadow_title":"Shadow","sub_shadow_shadow_spread":"","f_sub_elem_font_header":"","f_sub_elem_font_title":"Elements text","f_sub_elem_font_settings":"","f_sub_elem_font_line_height":"","f_sub_elem_font_style":"","f_sub_elem_font_spacing":"","f_sub_elem_":"","mm_bg":"","mm_content_bg":"","mm_border_size":"","mm_border_color":"","mm_shadow_shadow_header":"","mm_shadow_shadow_title":"Shadow","mm_shadow_shadow_offset_horizontal":"","mm_shadow_shadow_spread":"","mm_shadow_shadow_color":"","mm_elem_border_color":"","mm_elem_shadow_shadow_header":"","mm_elem_shadow_shadow_title":"Elements shadow","mm_elem_shadow_shadow_size":"","mm_elem_shadow_shadow_offset_horizontal":"","mm_elem_shadow_shadow_offset_vertical":"","mm_elem_shadow_shadow_spread":"","mm_elem_shadow_shadow_color":"","f_mm_sub_font_header":"","f_mm_sub_font_title":"Sub categories elements","f_mm_sub_font_settings":"","f_mm_sub_font_style":"","f_mm_sub_font_spacing":"","f_mm_sub_":"","color_overlay":"","shadow_shadow_header":"","shadow_shadow_title":"Module Shadow","shadow_shadow_size":"","shadow_shadow_offset_horizontal":"","shadow_shadow_offset_vertical":"","shadow_shadow_spread":"","shadow_shadow_color":"","all_underline_height":"","all_underline_color":"#000","cat_bg_hover":"","cat_txt_hover":"","cat_border":"","cat_border_hover":"","meta_bg":"","ex_txt":"","com_bg":"","com_txt":"","rev_txt":"","shadow_m_shadow_header":"","shadow_m_shadow_title":"Meta info shadow","shadow_m_shadow_size":"","shadow_m_shadow_offset_horizontal":"","shadow_m_shadow_offset_vertical":"","shadow_m_shadow_spread":"","shadow_m_shadow_color":"","audio_btn_color":"","audio_time_color":"","audio_bar_color":"","audio_bar_curr_color":"","pag_text":"","pag_h_text":"","pag_bg":"","pag_border":"","f_title_font_header":"","f_title_font_title":"Article title","f_title_font_settings":"","f_title_font_style":"","f_title_font_spacing":"","f_title_":"","f_cat_font_title":"Article category tag","f_cat_font_settings":"","f_cat_font_style":"","f_cat_":"","f_meta_font_title":"Article meta info","f_meta_font_settings":"","f_meta_font_transform":"","f_meta_font_spacing":"","f_meta_":"","f_ex_font_title":"Article excerpt","f_ex_font_settings":"","f_ex_font_size":"","f_ex_font_line_height":"","f_ex_font_style":"","f_ex_font_weight":"","f_ex_font_transform":"","f_ex_font_spacing":"","f_ex_":"","mix_color":"","mix_type":"","fe_brightness":"1","fe_contrast":"1","fe_saturate":"1","mix_color_h":"","mix_type_h":"","fe_brightness_h":"1","fe_contrast_h":"1","fe_saturate_h":"1","el_class":"","block_template_id":"","td_column_number":3,"header_color":"","ajax_pagination_infinite_stop":"","offset":"","limit":"5","td_ajax_preloading":"","td_ajax_filter_type":"","td_filter_default_txt":"","td_ajax_filter_ids":"","color_preset":"","ajax_pagination":"","ajax_pagination_next_prev_swipe":"","border_top":"","css":"","class":"tdi_34","tdc_css_class":"tdi_34","tdc_css_class_style":"tdi_34_rand_style","context":""}';
tdbMenuItem.isMegaMenuFull = true;
tdbMenuItem.megaMenuLoadType = '';
tdbMenu.addItem(tdbMenuItem);
});
jQuery(window).on( 'load', function () {
var block = jQuery('.tdi_56'),
blockClass = '.tdi_56',
blockInner = block.find('.tdb-block-inner'),
blockOffsetLeft;
if( block.find('audio').length > 0 ) {
jQuery(blockClass + ' audio').mediaelementplayer();
}
if( block.hasClass('tdb-sfi-stretch') ) {
jQuery(window).resize(function () {
blockOffsetLeft = block.offset().left;
if( block.hasClass('tdb-sfi-stretch-left') ) {
blockInner.css('margin-left', -blockOffsetLeft + 'px');
} else {
blockInner.css('margin-right', -(jQuery(window).width() - (blockOffsetLeft + block.outerWidth())) + 'px');
}
});
jQuery(window).resize();
}
setTimeout(function () {
block.css('opacity', 1);
}, 500);
});
</script>
<script>var td_res_context_registered_atts=["style_general_header_logo","style_general_header_align","style_general_mobile_menu","style_general_mobile_search","style_general_mobile_horiz_menu","style_general_header_date","style_general_module_header","style_general_header_search","style_general_header_search_trigger_enabled","style_general_separator","style_general_header_menu","style_general_single_categories","style_general_single_title","style_general_title_single","style_bg_space","style_general_post_meta","style_general_single_date","style_general_comments_count","style_general_post_views","style_general_single_post_share","style_general_featured_image","style_general_single_content","style_general_single_tags"];</script>
</body>
</html>
<!-- Page supported by LiteSpeed Cache 6.5.2 on 2024-11-23 13:57:06 -->
