diff --git a/README.md b/README.md index 4f5ea0a..b539a3d 100644 --- a/README.md +++ b/README.md @@ -1,5 +1,5 @@
- +

BecauseOfProg's blog

Chat on Discord diff --git a/components/BTopBanner.vue b/components/BTopBanner.vue index 07616b0..5fa4e73 100644 --- a/components/BTopBanner.vue +++ b/components/BTopBanner.vue @@ -7,7 +7,7 @@ BecauseOfProg - ![](https://fossdroid.com/images/screenshots/org.schabi.newpipe/2.png) + ![](/img/articles/applications-lite/2.png) 7) YouTube Go ------------- diff --git a/content/blog-posts/applis-open-source-novembre.md b/content/blog-posts/applis-open-source-novembre.md index 8fc9358..1f748e7 100644 --- a/content/blog-posts/applis-open-source-novembre.md +++ b/content/blog-posts/applis-open-source-novembre.md @@ -1,7 +1,7 @@ --- title: "Mes applis Android Open-Source - Novembre 2017 " description: "Une liste non-exhaustive des applications open-source du F-Droid que j'utilise ce mois-ci ! " -banner: https://becauseofprog.fr/assets/articles/36apps.png +banner: /img/articles/applis-open-source-novembre/36apps.png type: article authorId: kernoeb category: android diff --git a/content/blog-posts/brave-open-source.md b/content/blog-posts/brave-open-source.md index d73ee19..c1f98e8 100644 --- a/content/blog-posts/brave-open-source.md +++ b/content/blog-posts/brave-open-source.md @@ -1,7 +1,7 @@ --- title: "Brave, un navigateur rapide basé sur Chromium !" description: "Rapide, sécurisé, bloqueur de pub intégré, open source et disponible sur tous vos appareils !" -banner: https://becauseofprog.fr/assets/articles/brave.jpg +banner: /img/articles/brave-open-source/brave.jpg type: article authorId: kernoeb category: software @@ -22,24 +22,24 @@ Je tombe sur cette vidéo, qui me donne envie d'en savoir plus (*je ne suis pour J'apprends que ce navigateur est disponible sous (presque) toutes les plateformes, en passant par PC et smartphones. Je l'installe alors depuis mon PC sous Linux ElementaryOS Loki. -![](https://preview.ibb.co/dxArqk/Capture_d_cran_du_2017_05_04_16_56_05.png) +![](/img/articles/brave-open-source/Capture_d_cran_du_2017_05_04_16_56_05.png) Interface épurée, simple, **ergonomique**. Pas d'outils parasites *inutiles*. Et il est **open source** ! -![](https://image.ibb.co/eAxRO5/Capture_d_cran_du_2017_05_04_17_33_52.png) +![](/img/articles/brave-open-source/Capture_d_cran_du_2017_05_04_17_33_52.png) Un **bloqueur de pub** intégré modifiable, des options intéressantes (*pas comme mon histoire du début*)... Et pour cela, pas besoin de chercher bien loin, une seule icône en haut à droite, tout simplement l'icône officielle de **Brave** : -![](https://yt3.ggpht.com/--K6HYHn9JSs/AAAAAAAAAAI/AAAAAAAAAAA/i3jjrNOCa3U/s88-c-k-no-mo-rj-c0xffffff/photo.jpg) +![](/img/articles/brave-open-source/photo.jpg) Très **rapide**, il dispose d'options intéressantes, jamais testées pour ma part, comme **Brave Payments** et **Brave Sync**. -![](http://i.imgur.com/dnmOrro.png) +![](/img/articles/brave-open-source/dnmOrro.png) *- Brave Payments* -![](http://i.imgur.com/5S0JNI6.png) +![](/img/articles/brave-open-source/5S0JNI6.png) Voici une vidéo de **présentation** (en anglais, mais une image vaut mille mots, je vous laisse faire le calcul vu que la vidéo est en 30fps) : @@ -53,7 +53,7 @@ C'est "possible", mais compliqué. Je ne vous expliquerai pas la méthode ici. **Sur Android.** C'est mon navigateur **par défaut**. Il ressemble comme deux gouttes d'eau à Chrome, mais avec le bloqueur de pub intégré. Je vous le conseille, il est très rapide, pas d'options encore une fois inutiles comme certains navigateurs (pas de météo, actualités, etc.) -![](https://image.ibb.co/gJimqk/1493914011810146067519.jpg) +![](/img/articles/brave-open-source/1493914011810146067519.jpg) > *Tout simplement.* @@ -61,4 +61,4 @@ C'est mon navigateur **par défaut**. Il ressemble comme deux gouttes d'eau à C Voilà, c'est la fin de cet article, je vous conseille de l'essayer si ça vous intéresse ! Merci d'avoir lu :) **Cordialement**, OrNicarZ. -![](https://brave.com/assets/img/press/brave_logo_2color_512x.png) +![](/img/articles/brave-open-source/brave_logo_2color_512x.png) diff --git a/content/blog-posts/bypass-windows-admin-password.md b/content/blog-posts/bypass-windows-admin-password.md index 1bf9dd0..6ee9fa8 100644 --- a/content/blog-posts/bypass-windows-admin-password.md +++ b/content/blog-posts/bypass-windows-admin-password.md @@ -1,7 +1,7 @@ --- title: "Contourner le mot de passe admin Windows" description: "Comment créer, modifier et supprimer des administrateurs Windows sans avoir le mot de passe admin?" -banner: https://becauseofprog.fr/assets/articles/bop-article.png +banner: /img/articles/bypass-windows-admin-password/bop-article.png type: article authorId: gildasgh category: windows diff --git a/content/blog-posts/changer-motd-linux.md b/content/blog-posts/changer-motd-linux.md index 351c63b..2445a86 100644 --- a/content/blog-posts/changer-motd-linux.md +++ b/content/blog-posts/changer-motd-linux.md @@ -1,7 +1,7 @@ --- title: "Changer le message du jour sur Linux" description: "Voici comment changer simplement le message qui s'affiche lors de la connexion à un utilisateur Linux :D" -banner: https://becauseofprog.fr/assets/articles/changer-motd-linux-4.png +banner: /img/articles/changer-motd-linux/changer-motd-linux-4.png type: tutorial authorId: gildasgh category: linux @@ -31,7 +31,7 @@ Quand vous vous connectez dans un terminal sur le système GNU/Linux, vous pouve Vous aurez à modifier un, et un seul fichier : /etc/profile.d/motd.sh qui contient lui aussi des commandes bash que vous pouvez personnaliser à volonté ! Par exemple, voici un petit script pour choisir un texte à afficher parmi une liste au hasard : ```bash - #! /bin/bash MSGS=("Message 1" "Le deuxième" "Et le dernier!") MSG=${MSGS[$RANDOM % ${#MSGS[@]} ]} echo "Bienvenue! $MSG"; ![Capture d'écran du MOTD du terminal.](https://becauseofprog.fr/assets/articles/change-motd-linux-1.png) + #! /bin/bash MSGS=("Message 1" "Le deuxième" "Et le dernier!") MSG=${MSGS[$RANDOM % ${#MSGS[@]} ]} echo "Bienvenue! $MSG"; ![Capture d'écran du MOTD du terminal.](/img/articles/changer-motd-linux/change-motd-linux-1.png) ``` Vous savez maintenant comment faire, soyez créatifs ! Bon weekend ! diff --git a/content/blog-posts/chrome-android-change-de-design.md b/content/blog-posts/chrome-android-change-de-design.md index 467ec5c..e15e880 100644 --- a/content/blog-posts/chrome-android-change-de-design.md +++ b/content/blog-posts/chrome-android-change-de-design.md @@ -1,7 +1,7 @@ --- title: "Chrome Android change de design : vers du iOS chez Google ?" description: "Chrome Dev sur Android change de design : il s'inspire beaucoup du style de iOS." -banner: https://becauseofprog.fr/assets/articles/chrome-dev-banner.jpg +banner: /img/articles/chrome-android-change-de-design/chrome-dev-banner.jpg type: flash authorId: theovld category: android @@ -15,13 +15,13 @@ Google a récemment publié, dans sa version de développement, une mise à jour Déjà sur la page d’accueil tout est mieux organisé : les sites les plus visités en mosaïque en haut avec des nouvelles ciblées plus bas. Le menu tout en bas propose des onglets qu’on a déjà l’habitude de visiter : il s’agit des téléchargements, favoris et de l’historique. - ![Page d'accueil Chrome](https://becauseofprog.fr/assets/articles/chrome-new-design-accueil.png)![Téléchargements](https://becauseofprog.fr/assets/articles/chrome-new-design-downloads.png) + ![Page d'accueil Chrome](/img/articles/chrome-android-change-de-design/chrome-new-design-accueil.png)![Téléchargements](/img/articles/chrome-android-change-de-design/chrome-new-design-downloads.png) - ![Favoris](https://becauseofprog.fr/assets/articles/chrome-new-design-favoris.png)![Historique](https://becauseofprog.fr/assets/articles/chrome-new-design-historique.png) + ![Favoris](/img/articles/chrome-android-change-de-design/chrome-new-design-favoris.png)![Historique](/img/articles/chrome-android-change-de-design/chrome-new-design-historique.png) Dès lors que l’on va sur une page, la navigation ne change pas tellement, simplement que la barre d’actions est désormais en bas. - ![Navigation](https://becauseofprog.fr/assets/articles/chrome-new-design-navigation.png) + ![Navigation](/img/articles/chrome-android-change-de-design/chrome-new-design-navigation.png) On peut alors glisser celle-ci vers le haut pour avoir accès rapidement à la page d’accueil. diff --git a/content/blog-posts/chrome-ou-firefox.md b/content/blog-posts/chrome-ou-firefox.md index 8f2ca2a..ed243c6 100644 --- a/content/blog-posts/chrome-ou-firefox.md +++ b/content/blog-posts/chrome-ou-firefox.md @@ -1,7 +1,7 @@ --- title: "Navigateur web : Chrome ou Firefox ?" description: "Le grand comparatif des deux plus gros navigateurs web" -banner: https://becauseofprog.fr/assets/articles/chrome-ou-firefox.jpg +banner: /img/articles/chrome-ou-firefox/chrome-ou-firefox.jpg type: article authorId: theovld category: software @@ -13,7 +13,7 @@ timestamp: 1491413339 Chacun des deux présentent ses avantages et inconvénients qui peuvent plaire ou non à certains types d'usagers. Nous allons donc étudier ensemble ces deux navigateurs assez intéressants. - ![KRAUME VErSSUSSE FAÏREFAUXE](http://cdn.makeuseof.com/wp-content/uploads/2016/04/chrome-vs-firefox-2016-994x400.jpg?187d39) + ![KRAUME VErSSUSSE FAÏREFAUXE](/img/articles/chrome-ou-firefox/chrome-vs-firefox-2016-994x400.jpg?187d39) [*(voir source image)*](http://www.makeuseof.com/tag/chrome-vs-firefox-in-2016-which-browser-is-right-for-you/) @@ -46,7 +46,7 @@ timestamp: 1491413339 Chrome dispose aussi d'un mode "Caster" simple à utiliser, si vous avez chez vous un Chromecast ou une Smart TV. Vous cliquez et ça marche. Mais, car Chrome est avant tout Google, il aura plus tendance à vous espionner, afin de savoir où vous allez et ainsi vous proposer des publicités ciblées. - ![Synchronisation](https://www.it-connect.fr/wp-content-itc/uploads/2016/03/Synchronisation.png) + ![Synchronisation](/img/articles/chrome-ou-firefox/Synchronisation.png) [*(voir source image)*](https://www.it-connect.fr/sauvegarde-ou-synchronisation/) diff --git a/content/blog-posts/debloquer-partage-connexion-android.md b/content/blog-posts/debloquer-partage-connexion-android.md index 5081e3a..be81d51 100644 --- a/content/blog-posts/debloquer-partage-connexion-android.md +++ b/content/blog-posts/debloquer-partage-connexion-android.md @@ -1,7 +1,7 @@ --- title: "Débloquer le partage de connexion sur Android" description: "Depuis Android 4.4, votre opérateur peut détecter si vous utilisez un partage de connexion, et le bloquer. Nous allons voir comment revenir aux réglages d'avant." -banner: https://becauseofprog.fr/assets/articles/rawpixel-660359-unsplash.jpg +banner: /img/articles/debloquer-partage-connexion-android/rawpixel-660359-unsplash.jpg type: tutorial authorId: gildasgh category: android diff --git a/content/blog-posts/decompiler-un-apk-android.md b/content/blog-posts/decompiler-un-apk-android.md index a36ae89..6cce69a 100644 --- a/content/blog-posts/decompiler-un-apk-android.md +++ b/content/blog-posts/decompiler-un-apk-android.md @@ -1,7 +1,7 @@ --- title: "Décompiler un apk, impossible ?" description: "Vous vous demandez si l'on peut explorer une application Android... Voici comment faire !" -banner: https://becauseofprog.fr/assets/courses/android/decompiler-un-apk.jpg +banner: /img/articles/decompiler-un-apk-android/decompiler-un-apk.jpg type: tutorial authorId: kernoeb category: android @@ -23,7 +23,7 @@ Petit article rapide, mais efficace. *Selon notre ami Wikipédia, un "**décompilateur**" est un outil servant à reconstituer, partiellement ou totalement, le code source d’un logiciel à partir d’un programme exécutable alors dans un format binaire.* -> *Vous me suivez toujours ? ![wink](https://cdn.ckeditor.com/4.6.2/full/plugins/smiley/images/wink_smile.png "wink")* +> *Vous me suivez toujours ? ![wink](/img/articles/decompiler-un-apk-android/wink_smile.png "wink")* En supposant que oui, c'est désormais **possible**, rapidement et facilement. @@ -43,7 +43,7 @@ Petit article rapide, mais efficace. **Voici un aperçu bref de l'application. ** - ![](https://www1-lw.xda-cdn.com/files/2017/03/apktool_menu.png) ![](https://www1-lw.xda-cdn.com/files/2017/03/apktool_settings.png) ![](https://www1-lw.xda-cdn.com/files/2017/03/apktool_shortpress_folder.png) + ![](/img/articles/decompiler-un-apk-android/apktool_menu.png) ![](/img/articles/decompiler-un-apk-android/apktool_settings.png) ![](/img/articles/decompiler-un-apk-android/apktool_shortpress_folder.png) Bon, l'application n'est pas parfaite. Il peut y a voir des bugs. Mais pour ma part elle fonctionne très bien. Dites-vous que c'est déjà incroyable une application comme ça. @@ -55,9 +55,9 @@ Petit article rapide, mais efficace. Vous pouvez ensuite modifier ce que vous voulez, ou juste voir ce qu'il y a l'intérieur de l'appli (*je ne vous expliquerai pas les différentes parties d'une application dans cet article*), ensuite, vous pouvez recompiler l'application. - Rien de bien compliqué, le plus dur étant de savoir parler un minimum **anglais** ![laugh](https://cdn.ckeditor.com/4.6.2/full/plugins/smiley/images/teeth_smile.png "laugh") + Rien de bien compliqué, le plus dur étant de savoir parler un minimum **anglais** ![laugh](/img/articles/decompiler-un-apk-android/teeth_smile.png "laugh") - ![](https://www1-lw.xda-cdn.com/files/2017/03/apktool_compiling.png) + ![](/img/articles/decompiler-un-apk-android/apktool_compiling.png) Pour plus de renseignements, voici deux articles qui m'ont bien aidé à faire... cet article x) diff --git a/content/blog-posts/decouverte-html5up.md b/content/blog-posts/decouverte-html5up.md index fecf56e..1a2b7f1 100644 --- a/content/blog-posts/decouverte-html5up.md +++ b/content/blog-posts/decouverte-html5up.md @@ -1,7 +1,7 @@ --- title: "HTML5 UP : des templates prêts à l'emploi" description: "HTML5UP, site de templates pour des sites webs responsive en HTML et CSS" -banner: https://becauseofprog.fr/assets/articles/html5up.jpg +banner: /img/articles/decouverte-html5up/html5up.jpg type: article authorId: stengarlis category: web diff --git a/content/blog-posts/duckduckgo.md b/content/blog-posts/duckduckgo.md index c952a5e..6209a24 100644 --- a/content/blog-posts/duckduckgo.md +++ b/content/blog-posts/duckduckgo.md @@ -1,7 +1,7 @@ --- title: "DuckDuckGo, un moteur de recherche qui protège votre vie privée." description: "Présentation de DuckDuckGo, un navigateur concurrent de Google qui prône la vie privée de ses utilisateurs." -banner: https://becauseofprog.fr/assets/articles/duckduckgo.png +banner: /img/articles/duckduckgo/duckduckgo.png type: article authorId: stengarlis category: web diff --git a/content/blog-posts/ecosia-le-moteur-de-demain.md b/content/blog-posts/ecosia-le-moteur-de-demain.md index 76e65df..744ecfc 100644 --- a/content/blog-posts/ecosia-le-moteur-de-demain.md +++ b/content/blog-posts/ecosia-le-moteur-de-demain.md @@ -1,7 +1,7 @@ --- title: "Ecosia, le moteur de recherche de demain " description: "Naviguer écolo ? C'est possible avec Ecosia." -banner: https://becauseofprog.fr/assets/articles/ecosia.png +banner: /img/articles/ecosia-le-moteur-de-demain/ecosia.png type: article authorId: rondouflex category: web diff --git a/content/blog-posts/english-week-2021-conferences-informatique-iutvannes.md b/content/blog-posts/english-week-2021-conferences-informatique-iutvannes.md index a15a63c..13f280c 100644 --- a/content/blog-posts/english-week-2021-conferences-informatique-iutvannes.md +++ b/content/blog-posts/english-week-2021-conferences-informatique-iutvannes.md @@ -1,7 +1,7 @@ --- title: "Une semaine de conférences à l'IUT de Vannes" description: "Découvrez l'Intelligence Artificielle, la Cybersécurité, le Développement de Jeux Vidéos et la Data Science du 2 au 4 février 2021, dans 9 conférences en anglais et en ligne" -banner: https://becauseofprog.fr/assets/v2/sites/becauseofprog.fr/articles/english-week-2021-iutvannes.png +banner: /img/articles/english-week-2021-conferences-informatique-iutvannes/english-week-2021-iutvannes.png type: article authorId: gildasgh category: security diff --git a/content/blog-posts/f-droid-open-source.md b/content/blog-posts/f-droid-open-source.md index 22052c4..1d33b2c 100644 --- a/content/blog-posts/f-droid-open-source.md +++ b/content/blog-posts/f-droid-open-source.md @@ -1,7 +1,7 @@ --- title: "F-Droid, un Play Store alternatif open source ?" description: "Un App Store concurrentiel à Play Store qui se démarque par ses applications libres !" -banner: https://becauseofprog.fr/assets/articles/fdroid.png +banner: /img/articles/f-droid-open-source/fdroid.png type: article authorId: kernoeb category: android @@ -18,7 +18,7 @@ Cependant, la plupart de ces applications ne donnent pas le **code source** de c Si vous êtes un "*pro-linux*", vous préférez certainement des applications **libres de droit** et/ou de modification. -![](https://upload.wikimedia.org/wikipedia/commons/4/47/F-Droid_screenshot_05.png) +![](/img/articles/f-droid-open-source/F-Droid_screenshot_05.png) > **F-Droid, une interface simple et rapide.** diff --git a/content/blog-posts/fin-windows-vista.md b/content/blog-posts/fin-windows-vista.md index 3112372..a527224 100644 --- a/content/blog-posts/fin-windows-vista.md +++ b/content/blog-posts/fin-windows-vista.md @@ -1,7 +1,7 @@ --- title: "RIP Windows Vista" description: "Le support de Windows Vista et de Internet Explorer est désormais fini" -banner: https://becauseofprog.fr/assets/articles/rip-windows-vista.png +banner: /img/articles/fin-windows-vista/rip-windows-vista.png type: article authorId: gildasgh category: windows @@ -9,7 +9,7 @@ labels: ["Windows", "Vista", "RIP", "IE9", "Internet Explorer", "Microsoft"] timestamp: 1491992662 --- - ![Boîte Windows Vista Ultimate](https://img.generation-nt.com/boite-windows-vista-ultimate_00FA000000043641.png) + ![Boîte Windows Vista Ultimate](/img/articles/fin-windows-vista/boite-windows-vista-ultimate_00FA000000043641.png) ### Windows Vista, c'est officiellement fini! diff --git a/content/blog-posts/firefox-54-ram.md b/content/blog-posts/firefox-54-ram.md index 6bbbee5..49cb48b 100644 --- a/content/blog-posts/firefox-54-ram.md +++ b/content/blog-posts/firefox-54-ram.md @@ -1,7 +1,7 @@ --- title: "Firefox 54 adopte une meilleure gestion de la RAM" description: "Firefox 54 adopte un mode multi-processus moins gourmand en RAM." -banner: https://becauseofprog.fr/assets/articles/mozilla-firefox.jpg +banner: /img/articles/firefox-54-ram/mozilla-firefox.jpg type: article authorId: gildasgh category: software @@ -18,7 +18,7 @@ Désormais, Firefox s'appuie sur quatre processus pour exécuter les onglets du > En traitant chaque onglet par un processus distinct, nous optimisons l’usage du hardware de l’ordinateur, en conséquence de quoi Firefox est capable de naviguer sur le Web de manière encore plus fluide - Nick Nguyen, chef de produit Firefox. Il affirme que Firefox 54 est « la version la plus aboutie » jamais produite par Mozilla ! > -> ![Comparaison de la gestion des processus sur Firefox et sur Chrome](https://becauseofprog.fr/assets/articles/mozilla-firefox.jpg) +> ![Comparaison de la gestion des processus sur Firefox et sur Chrome](/img/articles/firefox-54-ram/mozilla-firefox.jpg) Gestion des prossecus de Chrome et de Firefox (Crédit : Mozilla) Depuis son lancement en 2008, Chrome a adopté le mode multi-processus, et consomme globalement beaucoup plus de mémoire que les autres navigateurs. diff --git a/content/blog-posts/firefox-focus.md b/content/blog-posts/firefox-focus.md index ab4e881..e961c4c 100644 --- a/content/blog-posts/firefox-focus.md +++ b/content/blog-posts/firefox-focus.md @@ -1,7 +1,7 @@ --- title: "Firefox Focus, un mini-navigateur qui préserve votre vie privée." description: "Un navigateur open-source crée par Mozilla." -banner: https://becauseofprog.fr/assets/articles/firefox-focus.png +banner: /img/articles/firefox-focus/firefox-focus.png type: article authorId: kernoeb category: software @@ -11,11 +11,11 @@ timestamp: 1500663327 Si vous recherchez un petit navigateur Internet simple, rapide, bloqueur de pubs et de traqueurs, **open-source** et qui préserve votre **vie privée**, je vous conseille cette application disponible sur Android & IOS, développée par Mozilla: **Firefox Focus**. - ![](https://becauseofprog.fr/assets/articles/firefox-focus-1.png) + ![](/img/articles/firefox-focus/firefox-focus-1.png) - ![](https://becauseofprog.fr/assets/articles/firefox-focus-2.png) + ![](/img/articles/firefox-focus/firefox-focus-2.png) - ![](https://becauseofprog.fr/assets/articles/firefox-focus-3.png) + ![](/img/articles/firefox-focus/firefox-focus-3.png) Après quelques tests, on ne peut pas nier que le navigateur est rapide, que ce soit l'ouverture ou le chargement des pages. @@ -26,7 +26,7 @@ Si vous recherchez un petit navigateur Internet simple, rapide, bloqueur de pubs > *Et comme le dit si bien ce commentaire:* > -> ![](https://becauseofprog.fr/assets/articles/firefox-focus-4.png) +> ![](/img/articles/firefox-focus/firefox-focus-4.png) > > diff --git a/content/blog-posts/firefox-nightly-addons-change.md b/content/blog-posts/firefox-nightly-addons-change.md index 9d2f6d8..e7001d8 100644 --- a/content/blog-posts/firefox-nightly-addons-change.md +++ b/content/blog-posts/firefox-nightly-addons-change.md @@ -1,7 +1,7 @@ --- title: "Firefox 57 : Les extensions sont toutes cassées!" description: "La Fondation Mozilla, qui édite Firefox, a annoncé le changement complet du fonctionnement des addons sur la version 57 de son navigateur. Explications." -banner: https://becauseofprog.fr/assets/articles/firefox-nightly-addons-change-1.png +banner: /img/articles/firefox-nightly-addons-change/firefox-nightly-addons-change-1.png type: article authorId: gildasgh category: software diff --git a/content/blog-posts/googlefeed-news.md b/content/blog-posts/googlefeed-news.md index 862890f..ee874df 100644 --- a/content/blog-posts/googlefeed-news.md +++ b/content/blog-posts/googlefeed-news.md @@ -1,7 +1,7 @@ --- title: "Google Feed, une énième application de news" description: "Google remplace le vieillissant Now et met à la place une application de news très performante." -banner: https://becauseofprog.fr/assets/articles/googlefeed/googlefeed.png +banner: /img/articles/googlefeed-news/googlefeed.png type: flash authorId: theovld category: software @@ -11,14 +11,14 @@ timestamp: 1505410290 Vous connaissez peut-être Google Now, cette "application Google" qui rassemble vos tâches, rendez-vous, trajets, météo et quelques articles. Désormais, elle est remplacée par Google Feed, une toute nouvelle application de news qui cible beaucoup mieux vos centres d'intérêt. Tout est classé par catégories, avec en plus les tendances du moment. - ![Design Google Feed](https://becauseofprog.fr/assets/articles/googlefeed/googlefeed-1.png)![Design Google Feed](https://becauseofprog.fr/assets/articles/googlefeed/googlefeed-2.png) + ![Design Google Feed](/img/articles/googlefeed-news/googlefeed-1.png)![Design Google Feed](/img/articles/googlefeed-news/googlefeed-2.png) > Design principal de Google Feed > > L'algorithme à la base de Google Feed pioche dans vos recherches, votre historique YouTube et d'autres, et propose des articles en relation avec ceux-ci. Il essaie de nous proposer des choses non vues qui éviterait l'effet "bulle" que beaucoup critiquent sur les réseaux sociaux. Il apprendra de lui-même ce qui vous plaît, ce que vous voudriez lire, etc. Mais il y a bien plus de paramètres pour cibler exactement vos centres d'intérêt. On peut ainsi choisir quelle équipe de sport, série télévision, film, musique et bien d'autres à suivre. On peut aussi choisir de voir ou non certaines informations dans notre flux comme la météo, les trajets, etc... - ![Paramètres de ciblage](https://becauseofprog.fr/assets/articles/googlefeed/googlefeed-3.png)![Paramètres de ciblage](https://becauseofprog.fr/assets/articles/googlefeed/googlefeed-4.png) + ![Paramètres de ciblage](/img/articles/googlefeed-news/googlefeed-3.png)![Paramètres de ciblage](/img/articles/googlefeed-news/googlefeed-4.png) > Tous les paramètres pour cibler au mieux nos centres d'intérêt. diff --git a/content/blog-posts/instagram-mobile-web.md b/content/blog-posts/instagram-mobile-web.md index dc65414..38ac81e 100644 --- a/content/blog-posts/instagram-mobile-web.md +++ b/content/blog-posts/instagram-mobile-web.md @@ -1,7 +1,7 @@ --- title: "Le site mobile d’Instagram mis à jour : Une application ultra-Lite" description: "Hier, le site internet mobile d’Instagram a été mis à jour. Les utilisateurs peuvent désormais poster des photos sans l’application Instagram du Play Store et utiliser ce site comme application android" -banner: https://becauseofprog.fr/assets/articles/instagram-mobile-web.png +banner: /img/articles/instagram-mobile-web/instagram-mobile-web.png type: article authorId: gildasgh category: web diff --git a/content/blog-posts/kde-connect-linux.md b/content/blog-posts/kde-connect-linux.md index 0fd6c06..f2e9222 100644 --- a/content/blog-posts/kde-connect-linux.md +++ b/content/blog-posts/kde-connect-linux.md @@ -1,7 +1,7 @@ --- title: "KDE Connect - Connecter son PC Linux à son smartphone Android" description: "Synchronisez votre appareil Android avec votre PC Linux ! " -banner: https://becauseofprog.fr/assets/articles/kdeconnect-wallpaller.png +banner: /img/articles/kde-connect-linux/kdeconnect-wallpaller.png type: article authorId: kernoeb category: linux @@ -54,7 +54,7 @@ Dans le cas **contraire**, saisissez une à une ces 3 commandes: Votre smartphone et votre PC doivent être connectés à la **même box Internet** (Ethernet/Wi-Fi). - ![](https://becauseofprog.fr/assets/articles/kdeconnect-2.png) ![](https://becauseofprog.fr/assets/articles/kdeconnect-3.png) + ![](/img/articles/kde-connect-linux/kdeconnect-2.png) ![](/img/articles/kde-connect-linux/kdeconnect-3.png) Cliquez sur "**Rafraîchir**" si votre smartphone n'est pas trouvé, puis cliquez sur "**Demander un appairement**". Vous devriez recevoir une notification sur votre smartphone, cliquez sur "**Accepter**". (*sans blague...*) @@ -63,11 +63,11 @@ Dans le cas **contraire**, saisissez une à une ces 3 commandes: Depuis l'application, vous pouvez **envoyer des fichiers**, contrôler les **actions multimédia**, et contrôler la **souris** et le **clavier** du PC. - ![](https://becauseofprog.fr/assets/articles/kdeconnect-4.png) ![](https://becauseofprog.fr/assets/articles/kdeconnect-5.png) + ![](/img/articles/kde-connect-linux/kdeconnect-4.png) ![](/img/articles/kde-connect-linux/kdeconnect-5.png) Inversement, vous pouvez envoyer des fichiers depuis votre ordinateur vers le smartphone, directement depuis le gestionnaire de fichiers: - ![](https://becauseofprog.fr/assets/articles/kdeconnect-6.png) + ![](/img/articles/kde-connect-linux/kdeconnect-6.png) ou depuis l'icône présent dans votre barre des tâches, qui vous permet aussi d'**envoyer des SMS**, et consulter le niveau actuel de la **batterie** du smartphone. diff --git a/content/blog-posts/lancement-becauseofprog.md b/content/blog-posts/lancement-becauseofprog.md index c34c222..d3abffe 100644 --- a/content/blog-posts/lancement-becauseofprog.md +++ b/content/blog-posts/lancement-becauseofprog.md @@ -1,7 +1,7 @@ --- title: "Lancement de la BecauseOfProg !" description: "Le grand lancement de la BecauseOfProg ! " -banner: https://becauseofprog.fr/assets/logos/bop-lancement.png +banner: /img/articles/lancement-becauseofprog/bop-lancement.png type: article authorId: theovld category: web diff --git a/content/blog-posts/linux-sur-android.md b/content/blog-posts/linux-sur-android.md index 1bc93a0..d5678a2 100644 --- a/content/blog-posts/linux-sur-android.md +++ b/content/blog-posts/linux-sur-android.md @@ -1,7 +1,7 @@ --- title: "Installer Linux sur son appareil Android avec Linux Deploy ! [ROOT]" description: "Tutoriel simple pour installer Linux sur Android avec une connexion VNC." -banner: https://becauseofprog.fr/assets/articles/LinuxDeploy/linuxsurandroid-min.png +banner: /img/articles/linux-sur-android/linuxsurandroid-min.png type: article authorId: kernoeb category: android @@ -25,12 +25,12 @@ Avant toute chose, sachez que votre appareil Android doit être **rooté** (*pos #### 2) Configuration - ![](https://becauseofprog.fr/assets/articles/LinuxDeploy/linuxandroid-deploy1.png) + ![](/img/articles/linux-sur-android/linuxandroid-deploy1.png) Comme indiqué ci-dessus, vérifiez que votre appareil est rooté, que vous êtes connecté à Internet. Ensuite, cliquez sur le bouton **Paramètres** (*en bas à droite*). - ![](https://becauseofprog.fr/assets/articles/LinuxDeploy/linuxandroid-deploy2.png) + ![](/img/articles/linux-sur-android/linuxandroid-deploy2.png) Choisissez les options que vous souhaitez (*pour ma part, j'ai choisi **Ubuntu** au lieu de Debian*). Choisissez le "**Chemin d'installation**". @@ -39,7 +39,7 @@ Avant toute chose, sachez que votre appareil Android doit être **rooté** (*pos Descendez ensuite en bas, jusqu'à trouver "**SSH**" et "**GUI**". - ![](https://becauseofprog.fr/assets/articles/LinuxDeploy/linuxandroid-deploy3.png) + ![](/img/articles/linux-sur-android/linuxandroid-deploy3.png) Activez la connexion SSH si vous le souhaitez. Activez ensuite le **GUI** (*interface graphique*). @@ -57,7 +57,7 @@ Avant toute chose, sachez que votre appareil Android doit être **rooté** (*pos L'application devrait vous demander une vérification ROOT, mais cela dépend de quel système de root vous utilisez. - ![](https://becauseofprog.fr/assets/articles/LinuxDeploy/magisk-min.png) + ![](/img/articles/linux-sur-android/magisk-min.png) *PS: Si vous avez une erreur, recliquez sur les 3 points en haut à droite, puis "Configurer". Sinon, réessayez depuis le début..* @@ -72,7 +72,7 @@ Avant toute chose, sachez que votre appareil Android doit être **rooté** (*pos Et voilà, vous devriez apercevoir quelque chose comme ceci: - ![](https://becauseofprog.fr/assets/articles/LinuxDeploy/linuxandroid-deploy4.png) + ![](/img/articles/linux-sur-android/linuxandroid-deploy4.png) Vous pouvez modifier l'utilisation du curseur dans les paramètres de l'application VNC (*sur bVNC, cliquez sur les 3 points affichés sur votre droite, puis "Input Mode"*). diff --git a/content/blog-posts/market-place.md b/content/blog-posts/market-place.md index b6b4427..34b8d93 100644 --- a/content/blog-posts/market-place.md +++ b/content/blog-posts/market-place.md @@ -1,7 +1,7 @@ --- title: "Le Facebook Market Place" description: "Après une sortie au Etats-Unis, Market Place débarque en Europe dans quelques jours !" -banner: https://becauseofprog.fr/assets/articles/marketplace.png +banner: /img/articles/market-place/marketplace.png type: flash authorId: stengarlis category: web diff --git a/content/blog-posts/material-design-web.md b/content/blog-posts/material-design-web.md index 4b65e6e..0d205f9 100644 --- a/content/blog-posts/material-design-web.md +++ b/content/blog-posts/material-design-web.md @@ -1,7 +1,7 @@ --- title: "Le Material Design sur vos sites web" description: "Le Material Design, créé par Google, est célèbre grâce à son interface moderne et épurée. Voici un tutoriel pour que vous puissiez y intégrer sur vos sites webs." -banner: https://becauseofprog.fr/assets/articles/md-example.jpg +banner: /img/articles/material-design-web/md-example.jpg type: tutorial authorId: theovld category: web @@ -11,7 +11,7 @@ timestamp: 1494162497 Le Material Design est un type de design créé par Google et qui a la particularité d'être très moderne et épuré. On le voit de plus en plus dans les applications Android et sur les sites web. Aujourd'hui, nous allons voir comment faire notre propre site avec des frameworks basés sur le Material Design. - ![](https://www.anthedesign.fr/w2015/wp-content/uploads/2016/01/freebie___weather_app_ui_design_by_graphberry-d8m33wj.png)![ups](https://becauseofprog.fr/assets/articles/md-example.jpg) + ![](/img/articles/material-design-web/freebie___weather_app_ui_design_by_graphberry-d8m33wj.png)![ups](/img/articles/material-design-web/md-example.jpg) *Exemples d'applications en Material Design et principe général* @@ -19,7 +19,7 @@ Le Material Design est un type de design créé par Google et qui a la particula Le premier framework nous parvient directement de Google puisque c'est celui de base, c'est un peu la référence dans le Material Design. Il comporte beaucoup d'éléments personnalisables ainsi que des animations faites en JavaScript. Il repose sur un système de grille et de layout qui facilite la conception du site. - ![](https://cdn3.tnwcdn.com/wp-content/blogs.dir/1/files/2015/07/1foCgfXyJv5FjACTnEXpc0A.png)![](https://becauseofprog.fr/assets/articles/mdl2.PNG) + ![](/img/articles/material-design-web/1foCgfXyJv5FjACTnEXpc0A.png)![](https://becauseofprog.fr/assets/articles/mdl2.PNG) *Exemples de sites construits avec Material Design Lite* diff --git a/content/blog-posts/microsoft-onenote.md b/content/blog-posts/microsoft-onenote.md index 0670434..e403985 100644 --- a/content/blog-posts/microsoft-onenote.md +++ b/content/blog-posts/microsoft-onenote.md @@ -1,7 +1,7 @@ --- title: "Microsoft OneNote : Des notes rapides et riches" description: "OneNote, application par excellence pour vos prises de notes et vos checklists." -banner: https://becauseofprog.fr/assets/articles/onenote/onenote-1.jpg +banner: /img/articles/microsoft-onenote/onenote-1.jpg type: article authorId: theovld category: software @@ -11,7 +11,7 @@ timestamp: 1494424843 Vous connaissez peut-être des applications qui vous permettent de prendre des notes rapidement, d'organiser vos choses à faire ou simplement d'inventer les dessins les plus fous. Aujourd'hui je vais vous présenter l'application OneNote, qui nous parvient directement de chez Microsoft, qui a la particularité d'être extrêmement riche en fonctionnalités mais aussi... en portabilité. - ![](https://becauseofprog.fr/assets/articles/onenote/onenote-1.jpg) + ![](/img/articles/microsoft-onenote/onenote-1.jpg) ### Performance et ergonomie @@ -21,7 +21,7 @@ Vous connaissez peut-être des applications qui vous permettent de prendre des n ![](https://becauseofprog.fr/assets/articles/onenote/onenote-2.PNG) - ![](https://becauseofprog.fr/assets/articles/onenote/onenote-4.png) + ![](/img/articles/microsoft-onenote/onenote-4.png) *Interface de l'application sur PC et smartphone Android* @@ -40,7 +40,7 @@ Vous connaissez peut-être des applications qui vous permettent de prendre des n ![](https://becauseofprog.fr/assets/articles/onenote/onenote-3.PNG) - ![](https://becauseofprog.fr/assets/articles/onenote/onenote-5.png) + ![](/img/articles/microsoft-onenote/onenote-5.png) *Ecriture d'une note sur PC et smartphone Android* diff --git a/content/blog-posts/molotov-television.md b/content/blog-posts/molotov-television.md index e0be7b8..6a18a82 100644 --- a/content/blog-posts/molotov-television.md +++ b/content/blog-posts/molotov-television.md @@ -1,7 +1,7 @@ --- title: "Molotov : La TV de partout sauf sur une télévision" description: "Molotov, une façon radicalement nouvelle de regarder la télévision. Gratuitement." -banner: https://becauseofprog.fr/assets/articles/molotov.jpg +banner: /img/articles/molotov-television/molotov.jpg type: article authorId: gildasgh category: software @@ -13,7 +13,7 @@ Molotov est un service de télévision qui permet de regarder la télévision gr On remarque depuis maintenant plusieurs années que les jeunes sont bien moins intéressés par la télévision sur téléviseur, préfèrent la regarder sur internet ou ne pas la regarder. Pourtant, les chaînes de télévision peinent à lancer des applications pour reconquérir les jeunes, soit remplies de publicités soit mal construites. -![Molotov sur Android](https://cdn-images-1.medium.com/max/800/1*omsDh0svO0H_S2zPC3CI1A.png) +![Molotov sur Android](/img/articles/molotov-television/1_omsDh0svO0H_S2zPC3CI1A.png) Molotov est donc un service qui permet de regarder la télévision en direct et en replay sur certaines chaines gratuitement, sur Windows, Mac, Linux, sur smartphones : Iphone, iPad et Android mais aussi sur des télévisions : AppleTV, Nvidia Shield, Télévisions Samsung, LG et Sony, depuis leurs boutiques d'applications respectives ! diff --git a/content/blog-posts/ne-donnez-plus-votre-mail.md b/content/blog-posts/ne-donnez-plus-votre-mail.md index bcc7820..c4562d0 100644 --- a/content/blog-posts/ne-donnez-plus-votre-mail.md +++ b/content/blog-posts/ne-donnez-plus-votre-mail.md @@ -1,7 +1,7 @@ --- title: "Ne donnez plus votre Mail et votre Numéro de Téléphone!" description: "Marre de recevoir des spams ? De donner votre numéro de téléphone ?" -banner: https://becauseofprog.fr/assets/articles/donnez-plus.png +banner: /img/articles/ne-donnez-plus-votre-mail/donnez-plus.png type: article authorId: kernoeb category: security @@ -30,7 +30,7 @@ timestamp: 1530694885 ##### - **GetNada**: - ![](https://becauseofprog.fr/assets/courses/Screenshot-2018-7-4%20Nada%20-%20temporary%20email.png) + ![](/img/articles/ne-donnez-plus-votre-mail/Screenshot-2018-7-4%20Nada%20-%20temporary%20email.png) *Avantages: - **Rapidité** de création et d'ouverture - Interface **simple** @@ -41,7 +41,7 @@ timestamp: 1530694885 ##### - **Anonbox**: - ![](https://becauseofprog.fr/assets/courses/Screenshot-2018-7-4%20anonbox%20Chaos%20Computer%20Club.png) + ![](/img/articles/ne-donnez-plus-votre-mail/Screenshot-2018-7-4%20anonbox%20Chaos%20Computer%20Club.png) *Avantages: - Disponible avec le proxy **Tor** - Très **rapide** @@ -50,7 +50,7 @@ timestamp: 1530694885 ##### - **Temp-Mail**: - ![](https://becauseofprog.fr/assets/courses/Screenshot-2018-7-4%20Email%20temporaire%20%E2%80%93%20Email%20%C3%A0%20usage%20unique%20-%20Email%20anonyme.png) + ![](/img/articles/ne-donnez-plus-votre-mail/Screenshot-2018-7-4%20Email%20temporaire%20%E2%80%93%20Email%20%C3%A0%20usage%20unique%20-%20Email%20anonyme.png) @@ -61,7 +61,7 @@ timestamp: 1530694885 Ces sites paraissent "**faux**", mais fonctionnent *(sinon je n'en parlerais pas lol).* Liste de **services** fonctionnels: - - [![](https://becauseofprog.fr/assets/courses/Screenshot-2018-7-4%20Receive%20SMS%20Online%20for%20FREE%20NO%20Registration%20UK,Romania,USA,Spain,France,Germany,Russia.png)](https://www.receive-sms-online.info/) + [![](/img/articles/ne-donnez-plus-votre-mail/Screenshot-2018-7-4%20Receive%20SMS%20Online%20for%20FREE%20NO%20Registration%20UK,Romania,USA,Spain,France,Germany,Russia.png)](https://www.receive-sms-online.info/) - - - et bien d'autres... diff --git a/content/blog-posts/open-source-android.md b/content/blog-posts/open-source-android.md index 5f96c1d..91ca577 100644 --- a/content/blog-posts/open-source-android.md +++ b/content/blog-posts/open-source-android.md @@ -1,7 +1,7 @@ --- title: "Passer totalement à l'open source sur son smartphone Android, c'est possible ?" description: "Utiliser un smartphone 100% open-source ?" -banner: https://becauseofprog.fr/assets/articles/androidopensource.png +banner: /img/articles/open-source-android/androidopensource.png type: article authorId: kernoeb category: android @@ -32,7 +32,7 @@ Des options non disponibles sur l'Android de base. En plus, comme je disais, les sur les dernières versions disponibles, mais elles sont aussi **fréquentes**, et non obligatoires. C'est à **vous** de choisir si **vous **voulez mettre à jour votre appareil (*pas comme certaines firmes connues qui les obligent*). -![LineageOS](https://becauseofprog.fr/assets/articles/opensource-android/14.png) +![LineageOS](/img/articles/open-source-android/14.png) Dans cet article, je ne vous parlerais pas trop de l'OS, je me concentrerais davantage sur les applications. Mais, un article sur **LineageOS** est prévu dans le futur, de quoi intéresser nombreux de nos lecteurs, qui utilisent @@ -58,7 +58,7 @@ Son poids très léger. Moins de 2Mo l'apk. Son interface simple, sobre. -![](https://becauseofprog.fr/assets/articles/opensource-android/7.png)![](https://becauseofprog.fr/assets/articles/opensource-android/8.png) +![](/img/articles/open-source-android/7.png)![](/img/articles/open-source-android/8.png) *(Images tirées du Google Play Store)* @@ -77,7 +77,7 @@ YouTube ne possède pas ! > > -![](https://becauseofprog.fr/assets/articles/opensource-android/6.png) +![](/img/articles/open-source-android/6.png) *Thème sombre de l'application.* @@ -109,7 +109,7 @@ Si vous avez un serveur XMPP (***Extensible Messaging and Presence Protocol*** ( extensible de présence et de messagerie »), essayez "**Conversations**". Pourtant payant sur le Play Store, il est gratuit sur F-Droid. Il propose un abonnement (8 euros/an, dont 6 mois gratuits) si vous n'avez pas de serveur XMPP. -![](https://becauseofprog.fr/assets/articles/opensource-android/4-1.png) ![](https://becauseofprog.fr/assets/articles/opensource-android/5.png) +![](/img/articles/open-source-android/4-1.png) ![](/img/articles/open-source-android/5.png) D'autres alternatives existent: pour plus d'info. @@ -125,9 +125,9 @@ Des options assez sympathiques, comme l'envoi de GIF, messages éphémères, des J'aimerais l'utiliser plus souvent, mais malheureusement, elle est peu connue, donc je n'ai pas beaucoup d'amis (*déjà de base, je n'ai pas d'amis*) qui l'utilisent. -![](https://becauseofprog.fr/assets/articles/opensource-android/13.png) +![](/img/articles/open-source-android/13.png) -![](https://becauseofprog.fr/assets/articles/opensource-android/12.png) +![](/img/articles/open-source-android/12.png) Plus de renseignements sur . @@ -142,7 +142,7 @@ Très complète, très belle, très simple. Disponible sur le Play Store: et sur le dépôt *IzzyOnDroid* sur F-Droid (*voir le dépôt plus haut*). -![](https://becauseofprog.fr/assets/articles/opensource-android/9.png) ![](https://becauseofprog.fr/assets/articles/opensource-android/11.png) ![](https://becauseofprog.fr/assets/articles/opensource-android/10.png) +![](/img/articles/open-source-android/9.png) ![](/img/articles/open-source-android/11.png) ![](/img/articles/open-source-android/10.png) #### **Lecteur vidéo / Video player**: @@ -168,7 +168,7 @@ K9-Material: ou ou -![](https://becauseofprog.fr/assets/articles/opensource-android/1.png) +![](/img/articles/open-source-android/1.png) #### **ES Explorateur de Fichiers / File Explorer**: @@ -178,7 +178,7 @@ et **efficace**. Efficace et pas cher (*gratuit*), c'est **Amaze** que j'préfè Play Store: F-Droid: -![](https://becauseofprog.fr/assets/articles/opensource-android/2.png) ![](https://becauseofprog.fr/assets/articles/opensource-android/3.png) ![](https://becauseofprog.fr/assets/articles/opensource-android/4.png) +![](/img/articles/open-source-android/2.png) ![](/img/articles/open-source-android/3.png) ![](/img/articles/open-source-android/4.png) #### **Google Maps:** diff --git a/content/blog-posts/personnaliser-son-appareil.md b/content/blog-posts/personnaliser-son-appareil.md index de56865..0d8e2aa 100644 --- a/content/blog-posts/personnaliser-son-appareil.md +++ b/content/blog-posts/personnaliser-son-appareil.md @@ -1,7 +1,7 @@ --- title: "Personnaliser son appareil Android : 7 applications pratiques " description: "Le système Android est riche en applications qui permettent de personnaliser comme vous voulez votre téléphone. Voici-en 7." -banner: https://becauseofprog.fr/assets/courses/android/personnaliser-son-appareil.jpg +banner: /img/articles/personnaliser-son-appareil/personnaliser-son-appareil.jpg type: tutorial authorId: theovld category: android diff --git a/content/blog-posts/photos-nocturnes-smarthpone.md b/content/blog-posts/photos-nocturnes-smarthpone.md index f384e3f..739d272 100644 --- a/content/blog-posts/photos-nocturnes-smarthpone.md +++ b/content/blog-posts/photos-nocturnes-smarthpone.md @@ -1,7 +1,7 @@ --- title: "Des photos nocturnes avec un smartphone!?" description: "Un ingénieur Google tente actuellement de prendre des photos de nuit avec son smartphone d'aussi bonne qualité qu'avec un appareil photo numérique !" -banner: https://becauseofprog.fr/assets/articles/phare-woaw.jpg +banner: /img/articles/photos-nocturnes-smarthpone/phare-woaw.jpg type: article authorId: gildasgh category: hardware @@ -20,15 +20,15 @@ L'histoire L'année derniere, Florian Kainz a pris une photo nocturne du Golden Gate Bridge avec un DSLR. L’image était réussie, et un collègue lui a mis au défi de prendre la même photo avec un smartphone. -[![](https://www.presse-citron.net/wordpress_prod/wp-content/uploads/2017/04/Golden-Gate-SF-Google.jpg)](https://www.presse-citron.net/wordpress_prod/wp-content/uploads/2017/04/Golden-Gate-SF-Google.jpg) +[![](/img/articles/photos-nocturnes-smarthpone/Golden-Gate-SF-Google.jpg)](/img/articles/photos-nocturnes-smarthpone/Golden-Gate-SF-Google.jpg) *Canon 1DX, Zeiss Otus 28mm f/1.4 ZE*En acceptant celui-ci, l’employé de Google a peut-être trouvé le moyen d’améliorer significativement la qualité des photos prises la nuit avec les smartphones. -[![](https://www.presse-citron.net/wordpress_prod/wp-content/uploads/2017/04/Golden-Gate-SF-Google-1.jpg)](https://www.presse-citron.net/wordpress_prod/wp-content/uploads/2017/04/Golden-Gate-SF-Google-1.jpg) +[![](/img/articles/photos-nocturnes-smarthpone/Golden-Gate-SF-Google-1.jpg)](/img/articles/photos-nocturnes-smarthpone/Golden-Gate-SF-Google-1.jpg) *Photo prise avec un Nexus 6P en appliquant la nouvelle technique de Florian Kainz* -[![](https://www.presse-citron.net/wordpress_prod/wp-content/uploads/2017/04/Golden-Gate-SF-Google-3.jpg)](https://www.presse-citron.net/wordpress_prod/wp-content/uploads/2017/04/Golden-Gate-SF-Google-3.jpg) +[![](/img/articles/photos-nocturnes-smarthpone/Golden-Gate-SF-Google-3.jpg)](/img/articles/photos-nocturnes-smarthpone/Golden-Gate-SF-Google-3.jpg) *Google Nexus 6P*Cette technique révolutionnaire n'est tout de même pas optimisée, elle demande un long traitement sur ordinateur de bureau, et une procédure très lourde. Il pense qu'avec « le bon logiciel, un téléphone devrait être en mesure de traiter les images en interne, et si des étapes telles que des masques de peinture à la main peuvent être éliminées, il peut être possible de faire des photographies point-et-shoot dans des conditions de lumière très faible ». diff --git a/content/blog-posts/plex-presentation.md b/content/blog-posts/plex-presentation.md index cdee762..3f2cb37 100644 --- a/content/blog-posts/plex-presentation.md +++ b/content/blog-posts/plex-presentation.md @@ -1,7 +1,7 @@ --- title: "Plex: Visionnez vos films, facilement!" description: "Plex, une belle alternative à Netflix." -banner: https://becauseofprog.fr/assets/articles/plex-presentation-article-1.png +banner: /img/articles/plex-presentation/plex-presentation-article-1.png type: article authorId: davall category: software @@ -24,11 +24,11 @@ C'est les vacances et c'est le moment ou l'on regarde le plus de films et série > Voici une vidéo vous expliquant comment installer Plex: > -> [![](https://i.ytimg.com/vi/u9w_VPuyA-8/hqdefault.jpg?sqp=-oaymwEXCPYBEIoBSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLCg2fJDR0ZGTM8pWyJcTX9Nl0k2wQ)](https://www.youtube.com/watch?v=u9w_VPuyA-8) +> [![](/img/articles/plex-presentation/hqdefault.jpg?sqp=-oaymwEXCPYBEIoBSFryq4qpAwkIARUAAIhCGAE=&rs=AOn4CLCg2fJDR0ZGTM8pWyJcTX9Nl0k2wQ)](https://www.youtube.com/watch?v=u9w_VPuyA-8) > > Sachez aussi que l'interface de Plex est moderne et facile à prendre en main. Voici une image pour vous le prouver! - ![](https://image.noelshack.com/fichiers/2017/18/1493704026-capture-d-ecran-2017-05-02-a-07-43-03.png) + ![](/img/articles/plex-presentation/1493704026-capture-d-ecran-2017-05-02-a-07-43-03.png) Si vous souhaitez vous procurer Plex, voici les différents liens: diff --git a/content/blog-posts/proteger-site-formulaires.md b/content/blog-posts/proteger-site-formulaires.md index 3389d71..0095146 100644 --- a/content/blog-posts/proteger-site-formulaires.md +++ b/content/blog-posts/proteger-site-formulaires.md @@ -1,7 +1,7 @@ --- title: "Protéger son site des attaques par formulaires" description: "Protéger son site des attaques de base : failles de sécurité dans ses formulaires HTML qui redirigent vers du traitement PHP." -banner: https://becauseofprog.fr/assets/syst-icons/https.png +banner: /img/articles/proteger-site-formulaires/https.png type: tutorial authorId: theovld category: programming diff --git a/content/blog-posts/proton-vpn.md b/content/blog-posts/proton-vpn.md index 5bfc3ab..94e5024 100644 --- a/content/blog-posts/proton-vpn.md +++ b/content/blog-posts/proton-vpn.md @@ -2,7 +2,7 @@ title: "Présentation de ProtonVPN" description: "L'entreprise ProtonMail lance aujourd'hui son service de VPN, ProtonVPN. " -banner: https://becauseofprog.fr/assets/articles/protonvpn.png +banner: /img/articles/proton-vpn/protonvpn.png type: article authorId: stengarlis category: web @@ -10,7 +10,7 @@ labels: ["Web", "Sécurité"] timestamp: 1497970798 --- -![](https://becauseofprog.fr/assets/articles/protonvpn-1.png) +![](/img/articles/proton-vpn/protonvpn-1.png) Si vous voulez protéger votre IP sur internet, vous utilisez peut-être déjà un VPN. @@ -18,7 +18,7 @@ Si vous voulez protéger votre IP sur internet, vous utilisez peut-être déjà ProtonVPN propose aujourd'hui 4 offres, 3 payantes avec plus d'options et 1 gratuite, visible ci-dessous : -![](https://becauseofprog.fr/assets/articles/protonvpn-2.png) +![](/img/articles/proton-vpn/protonvpn-2.png) Sur l’offre “free”, on peut prendre un IP dans seulement 3 pays, et la connexion ne sera pas forcément très très rapide. Sur l’offre “basic”, on peut avoir un IP dans l’ensemble des pays et la connexion sera déjà plus puissante que l’offre “free”. Sur l’offre “plus”, l’offre recommandée par ProtonVPN, on peut retrouver comme sur l’offre “basic” un IP dans l’ensemble des pays, et une connexion beaucoup plus puissante que l’offre “basic” et pour finir l’offre la plus chère, l’offre “visionary” qui est à 30 euros par mois, nous propose plus de serveurs comme l’offre “plus”, elle nous propose aussi un avantage sur ProtonMail. diff --git a/content/blog-posts/pwned-passwords.md b/content/blog-posts/pwned-passwords.md index 6e4d11c..f0d32bd 100644 --- a/content/blog-posts/pwned-passwords.md +++ b/content/blog-posts/pwned-passwords.md @@ -1,7 +1,7 @@ --- title: "Pwned Passwords: une liste de 501 millions de mots de passes leakés" description: "Troy Hunt met en ligne la version 2 de 'Pwned Passwords', une liste des mots de passes publiés lors de différents hacks" -banner: https://becauseofprog.fr/assets/articles/Searching-for-a-Pwned-Password.jpg +banner: /img/articles/pwned-passwords/Searching-for-a-Pwned-Password.jpg type: flash authorId: gildasgh category: security diff --git a/content/blog-posts/qt-5-8.md b/content/blog-posts/qt-5-8.md index 4721d80..f2fc1fd 100644 --- a/content/blog-posts/qt-5-8.md +++ b/content/blog-posts/qt-5-8.md @@ -1,7 +1,7 @@ --- title: "Qt 5.8 : Toutes les infos" description: "La nouvelle version de Qt est sortie : retour sur les nouveautés et changements" -banner: https://becauseofprog.fr/assets/articles/qt-5-8.jpg +banner: /img/articles/qt-5-8/qt-5-8.jpg type: article authorId: theovld category: programming diff --git a/content/blog-posts/rachat-yahoo.md b/content/blog-posts/rachat-yahoo.md index e62e8f8..9641401 100644 --- a/content/blog-posts/rachat-yahoo.md +++ b/content/blog-posts/rachat-yahoo.md @@ -1,7 +1,7 @@ --- title: "Le rachat de Yahoo" description: "La finalisation du rachat de Yahoo par le géant américain de la télécommunication Verizon a été finalisé mardi dernier." -banner: https://becauseofprog.fr/assets/articles/yahoo.png +banner: /img/articles/rachat-yahoo/yahoo.png type: flash authorId: stengarlis category: web @@ -17,7 +17,7 @@ La finalisation du rachat de Yahoo par le géant américain de la télécommunic - ![Verizon](https://becauseofprog.fr/assets/articles/rachat-yahoo-verizon.png)Suite au rachat, Verizon va fusionner Yahoo! et le portail AOL pour donner naissance à Oath. C'est aussi la fin du pionnier d'internet Yahoo créé en 1994 par David Filo & Jerry Yang puis racheter en 2009 par Microsoft. + ![Verizon](/img/articles/rachat-yahoo/rachat-yahoo-verizon.png)Suite au rachat, Verizon va fusionner Yahoo! et le portail AOL pour donner naissance à Oath. C'est aussi la fin du pionnier d'internet Yahoo créé en 1994 par David Filo & Jerry Yang puis racheter en 2009 par Microsoft. diff --git a/content/blog-posts/rambox-vos-services-dans-1-app.md b/content/blog-posts/rambox-vos-services-dans-1-app.md index cef94d0..72d0ac3 100644 --- a/content/blog-posts/rambox-vos-services-dans-1-app.md +++ b/content/blog-posts/rambox-vos-services-dans-1-app.md @@ -1,7 +1,7 @@ --- title: "Rassemblez vos services dans une seule application : Rambox" description: "Pas facile de s'y retrouver entre Discord, Messenger, Matrix (Riot.im) ou encore ProtonMail et GMail! Voici une application Linux qui rassemble plus de 80 services!" -banner: https://becauseofprog.fr/assets/articles/rambox-vos-services-dans-1-app-1.png +banner: /img/articles/rambox-vos-services-dans-1-app/rambox-vos-services-dans-1-app-1.png type: article authorId: gildasgh category: software @@ -12,14 +12,14 @@ timestamp: 1503497906 Utilisateurs de Linux, vous connaissiez peut-être l'application Franz, qui rassemblait en une seule application une trentaine de services disponibles sur le web. Cette application très pratique nous évitais d'ouvrir 15 onglets en permanance sur notre navigateur, mais ne proposait qu'une trentaine de services et grignotait beaucoup les performances de notre machine. - ![Logo de Rambox](https://becauseofprog.fr/assets/articles/rambox-vos-services-dans-1-app-2.png) + ![Logo de Rambox](/img/articles/rambox-vos-services-dans-1-app/rambox-vos-services-dans-1-app-2.png) Nous avons découvert une autre application qui fait la même chose, mais qui propose 89 logiciels, tous disponibles en forme de web-app par leurs développeurs. Rambox est une application open-source disponible sur GNU/Linux, Windows et MacOS qui propose de se connecter à vos services préférés et de pouvoir y accéder par des onglets, comme sur un navigateur. La différence ? Votre navigateur principal (Firefox, Chrome) n'est pas inondé d'onglets de réseaux sociaux ou d'emails ! Entre des applications fréquemment utilisées comme Twitter, GMail ou FB Messenger, il propose aussi ProtonMail et plusieurs logiciels décentralisés : on choisit sur quel serveur Rambox doit se connecter : Mastodon, Matrix (avec Riot.im) ou Roundcube ! - ![Screenshot de Rambox : Interface](https://becauseofprog.fr/assets/articles/rambox-vos-services-dans-1-app-1.png) + ![Screenshot de Rambox : Interface](/img/articles/rambox-vos-services-dans-1-app/rambox-vos-services-dans-1-app-1.png) *Rambox : Interface principale (sur ElementaryOS)* Liste des applications compatibles et téléchargements : diff --git a/content/blog-posts/ripper-un-CD-audio.md b/content/blog-posts/ripper-un-CD-audio.md index 84598d9..d60f7a6 100644 --- a/content/blog-posts/ripper-un-CD-audio.md +++ b/content/blog-posts/ripper-un-CD-audio.md @@ -1,7 +1,7 @@ --- title: "Extraire le contenu d'un CD Audio sous Linux!" description: "Qui se sert de CD en 2018 ? ;)" -banner: https://becauseofprog.fr/assets/articles/cdaudio/cdaudio.png +banner: /img/articles/ripper-un-CD-audio/cdaudio.png type: article authorId: kernoeb category: linux @@ -32,7 +32,7 @@ Petit article très court pour vous montrer comment extraire (ripper) le contenu Ici je teste un **CD** de Jean-Michel Jarre (*si si, vous connaissez forcément "Oxygène (Part IV)"*) - ![](https://becauseofprog.fr/assets/articles/cdaudio/asunder1.png) + ![](/img/articles/ripper-un-CD-audio/asunder1.png) Dans **"Préférences"**, **"Encodeur"** cochez le **format** que vous souhaitez (*je vous conseille le .flac, un codec libre de compression audio sans perte de qualité*). diff --git a/content/blog-posts/samsung-galaxy-note-8.md b/content/blog-posts/samsung-galaxy-note-8.md index c97166e..ceaa503 100644 --- a/content/blog-posts/samsung-galaxy-note-8.md +++ b/content/blog-posts/samsung-galaxy-note-8.md @@ -1,7 +1,7 @@ --- title: "Samsung Galaxy Note 8 : les nouveautés" description: "La conférence Unpacked du Mercredi 23 août a dévoilé les nouveautés du dernier smartphone Samsung." -banner: https://becauseofprog.fr/assets/articles/note-8-banner.jpg +banner: /img/articles/samsung-galaxy-note-8/note-8-banner.jpg type: article authorId: theovld category: android @@ -15,7 +15,7 @@ Vous avez peut-être entendu parler de lui ces derniers jours : Le Samsung Galax Tout d'abord, le Galaxy Note 8 sera proposé en quatre coloris : noir, gris, doré ou bleu. Pas de blanc cette fois-ci. - ![Coloris Note 8](https://becauseofprog.fr/assets/articles/note-8-coloris.jpg) + ![Coloris Note 8](/img/articles/samsung-galaxy-note-8/note-8-coloris.jpg) > Photo non officielle des différents coloris @@ -26,7 +26,7 @@ Vous avez peut-être entendu parler de lui ces derniers jours : Le Samsung Galax Le Galaxy Note 8 sera équipé d'un processeur Exynos 8895, ce qui permet des rendus graphiques impressionnants, même lorsqu'ils sont en 3D. Il embarque aussi un CPU octo-core cadencé à 2,3 GHz. Le tout est couplé avec 6 Go de RAM. - ![](https://becauseofprog.fr/assets/articles/exynos-8895.jpg) + ![](/img/articles/samsung-galaxy-note-8/exynos-8895.jpg) > Samsung Exynos, processeur du Note 8 @@ -49,7 +49,7 @@ Vous avez peut-être entendu parler de lui ces derniers jours : Le Samsung Galax Le téléphone est équipé d’Android 7.1.1 Nougat avec une interface Samsung Experience, mais prévoit une mise à jour vers Android 8.0 Oreo (qui s’apprête à sortir) : vous pouvez dès à présent voir quelles sont les nouveautés de cet OS. - ![Android Oreo](https://becauseofprog.fr/assets/articles/android-o-oreo.png) + ![Android Oreo](/img/articles/samsung-galaxy-note-8/android-o-oreo.png) > Android Oreo @@ -74,7 +74,7 @@ Vous avez peut-être entendu parler de lui ces derniers jours : Le Samsung Galax Il peut paraître cher, mais c’est un haut de gamme, mais il faudra s’attendre à des prix de plus en plus grandissants. - ![Do bigger things](https://becauseofprog.fr/assets/articles/note-8-do-bigger-things.jpg) + ![Do bigger things](/img/articles/samsung-galaxy-note-8/note-8-do-bigger-things.jpg) > Do bigger things, with the new Samsung Galaxy Note 8. Yeah. diff --git a/content/blog-posts/sfr-change-de-nom-altice.md b/content/blog-posts/sfr-change-de-nom-altice.md index 20dbcaa..f61f32a 100644 --- a/content/blog-posts/sfr-change-de-nom-altice.md +++ b/content/blog-posts/sfr-change-de-nom-altice.md @@ -1,7 +1,7 @@ --- title: "SFR change de nom : Altice." description: "La marque SFR prend le nom de sa maison-mère, Altice." -banner: https://becauseofprog.fr/assets/articles/sfr.png +banner: /img/articles/sfr-change-de-nom-altice/sfr.png type: article authorId: kernoeb category: web @@ -19,14 +19,14 @@ timestamp: 1495537045 **Altice** est un groupe multinational regroupant des câblo-opérateurs, des opérateurs de télécommunications et des entreprises de communications, créée par Patrick Drahi en 2001. En avril 2014, ***Altice*** rachète **SFR**, mais SFR garde son nom. - ![Logo d'Altice actuel](https://becauseofprog.fr/assets/articles/sfr-change-de-nom-2.png) + ![Logo d'Altice actuel](/img/articles/sfr-change-de-nom-altice/sfr-change-de-nom-2.png) > Le logo d'Altice actuel > > Le fameux logo rouge de **SFR** disparaîtra lui aussi, et donnera sa place à un « a », comme *Altice*. - ![Le fameux logo de SFR](https://becauseofprog.fr/assets/articles/sfr-change-de-nom-1.jpg) + ![Le fameux logo de SFR](/img/articles/sfr-change-de-nom-altice/sfr-change-de-nom-1.jpg) Cela fait assez longtemps que SFR envisage d'abandonner sa marque, mais il a fallu quelques mois pour que cela devienne officiel. diff --git a/content/blog-posts/snapdragon-205.md b/content/blog-posts/snapdragon-205.md index e8e6c91..238f772 100644 --- a/content/blog-posts/snapdragon-205.md +++ b/content/blog-posts/snapdragon-205.md @@ -1,7 +1,7 @@ --- title: "La 4G bientôt sur les téléphones entrée de gamme?" description: "La 4G arrivera sûrement sur les téléphones entrée de gamme, pour les pays en développement nottamment" -banner: https://becauseofprog.fr/assets/articles/snapdragon-205.jpg +banner: /img/articles/snapdragon-205/snapdragon-205.jpg type: article authorId: gildasgh category: hardware diff --git a/content/blog-posts/snapdrop-alternative-airdrop.md b/content/blog-posts/snapdrop-alternative-airdrop.md index 97b9191..37478b3 100644 --- a/content/blog-posts/snapdrop-alternative-airdrop.md +++ b/content/blog-posts/snapdrop-alternative-airdrop.md @@ -1,7 +1,7 @@ --- title: "Snapdrop : L'alternative à Airdrop sur Android et PC" description: "Vous la cherchiez sûrement : voici l'alternative à Airdrop disponible sur tous les supports : iOS, MacOS, Android, Windows et Linux" -banner: https://becauseofprog.fr/assets/articles/snapdrop-2.png +banner: /img/articles/snapdrop-alternative-airdrop/snapdrop-2.png type: article authorId: gildasgh category: web diff --git a/content/blog-posts/transformer-chaine-youtube-podcast.md b/content/blog-posts/transformer-chaine-youtube-podcast.md index 8f1d735..35c4bb8 100644 --- a/content/blog-posts/transformer-chaine-youtube-podcast.md +++ b/content/blog-posts/transformer-chaine-youtube-podcast.md @@ -1,7 +1,7 @@ --- title: "Transformez une chaine YouTube en podcast" description: "Je vous présente comment transformer simplement une chaine YouTube en podcast audio ou vidéo dans ce nouveau billet." -banner: https://becauseofprog.fr/assets/articles/rssfg-youtube-350-1.png +banner: /img/articles/transformer-chaine-youtube-podcast/rssfg-youtube-350-1.png type: article authorId: gildasgh category: software diff --git a/content/blog-posts/trouver-gros-fichiers.md b/content/blog-posts/trouver-gros-fichiers.md index 3757a08..0d7a55e 100644 --- a/content/blog-posts/trouver-gros-fichiers.md +++ b/content/blog-posts/trouver-gros-fichiers.md @@ -1,7 +1,7 @@ --- title: "Trouver rapidement ce qui prend de la place sur votre ordinateur ! [Windows/Linux]" description: "Trier ses fichiers volumineux efficacement!" -banner: https://becauseofprog.fr/assets/articles/trierfichiers.png +banner: /img/articles/trouver-gros-fichiers/trierfichiers.png type: article authorId: kernoeb category: software @@ -27,7 +27,7 @@ Trier les fichiers sur son ordinateur est parfois complexe. Son atout principal ? Une arborescence visuelle colorée vous permet de repérer en un coup d'œil les fichiers volumineux et les grandes collections de fichiers plus petits (*ce que WinDirStat faisait tout aussi bien*). - ![](https://becauseofprog.fr/assets/articles/wiztree1.png) + ![](/img/articles/trouver-gros-fichiers/wiztree1.png) Cliquez juste sur "**Analyser**", patientez quelques secondes et le tour est joué ! Triez par Taille/Date/Nombre d'éléments en fonction de ce que vous souhaitez faire... @@ -45,7 +45,7 @@ Trier les fichiers sur son ordinateur est parfois complexe. La meilleure alternative pour Linux est Baobab ! - ![](https://becauseofprog.fr/assets/articles/baobab_xenial.png) + ![](/img/articles/trouver-gros-fichiers/baobab_xenial.png) Source de l'image : [ubuntu-fr.org](http://ubuntu-fr.org/) diff --git a/content/blog-posts/ubuntu-abandonne-unity.md b/content/blog-posts/ubuntu-abandonne-unity.md index 341adc4..ab896ff 100644 --- a/content/blog-posts/ubuntu-abandonne-unity.md +++ b/content/blog-posts/ubuntu-abandonne-unity.md @@ -1,7 +1,7 @@ --- title: "Ubuntu abandonne Unity et ses projets mobile" description: "Ubuntu repasse sur son environnement de bureau GNOME et abandonne la portabilité de l'OS" -banner: https://becauseofprog.fr/assets/articles/ubuntu-unity.jpg +banner: /img/articles/ubuntu-abandonne-unity/ubuntu-unity.jpg type: article authorId: gildasgh category: linux @@ -11,11 +11,11 @@ timestamp: 1491994359 Ubuntu, la distribution GNU/Linux la plus populaire, a fait [deux annonces majeures](https://insights.ubuntu.com/2017/04/05/growing-ubuntu-for-cloud-and-iot-rather-than-phone-and-convergence/) hier : l’entreprise abandonne le développement d’[Unity](http://unity.ubuntu.com), l’environnement graphique conçu spécifiquement pour Ubuntu depuis plusieurs années. Cela signifie que les prochaines versions d'Ubuntu, la 18.04 TLS, ne sera pas fournie avec Unity, mais avec Gnome comme environnement de bureau par défaut. - ![](https://img.macg.co/2017/4/macgpic-1491469065-79331451158250-sc-jpt.jpg) + ![](/img/articles/ubuntu-abandonne-unity/macgpic-1491469065-79331451158250-sc-jpt.jpg) Ubuntu reconnait l'échec d'Unity 8, qui était une version majeure annonée en 2015 et qui devait reposer sur un tout nouveau moteur graphique, nommé Mir. Par l'abandon d'Unity, Ubuntu abandonne aussi ses projets sur Smartphones, qui n'ont ajamis aboutis. Elle avait d'abord créé une ROM pour les téléhpones en 2013, mais l'interface n'était pas finie. Puis Canonical a essayé de créer son propre smartphone haut de gammme mais ce fut aussi un echec. Il y a tout juste un an, [lançait encore un nouveau smartphone](https://www.igen.fr/ailleurs/2016/04/ubuntu-persevere-sur-smartphone-avec-le-meizu-pro-5-95606) équipé de son système. - ![](https://img.macg.co/2017/4/macgpic-1491468577-78843280774138-sc-jpt.jpg) + ![](/img/articles/ubuntu-abandonne-unity/macgpic-1491468577-78843280774138-sc-jpt.jpg) ### L’Edge, un smartphone haut de gamme qui devait tourner sous Ubuntu Touch diff --git a/content/blog-posts/ubuntu-windows10.md b/content/blog-posts/ubuntu-windows10.md index 4fd15ae..ef86104 100644 --- a/content/blog-posts/ubuntu-windows10.md +++ b/content/blog-posts/ubuntu-windows10.md @@ -1,7 +1,7 @@ --- title: "Ubuntu sous Windows 10 ?" description: "Installer Bash sur un environnement Windows, c'est impossible ? C'est ce que nous allons voir dans cet article." -banner: https://becauseofprog.fr/assets/articles/ubuntu-on-windows.jpg +banner: /img/articles/ubuntu-windows10/ubuntu-on-windows.jpg type: article authorId: kernoeb category: windows @@ -27,29 +27,29 @@ Cliquez ensuite sur "**Système**", puis **"Informations système"** (en bas à Dans la partie de droite, vous devez avoir une version supérieure (ou égale) à **14393**. Pour ma part, je suis à *14393.593*. Vous devez disposer d'un ordinateur **64bit** ! -![](http://img4.hostingpics.net/pics/373431821.png) +![](/img/articles/ubuntu-windows10/373431821.png) Ensuite, retournez dans les Paramètres, puis accédez à **"Mise à jour et sécurité"**. Cliquez ensuite sur **"Pour les développeurs"** (à gauche), ensuite cochez **"Mode développeur"**. -![](http://i.imgur.com/7QzKNdN.png) +![](/img/articles/ubuntu-windows10/7QzKNdN.png) Voilà, ça, c'est fait. Ne vous inquiétez pas, c'est bientôt terminé ;) Ouvrez le menu Démarrer et cherchez **"Activer ou désactiver des fonctionnalités Windows"**. Cliquez dessus : -![](http://i.imgur.com/SaNC5YQ.png) +![](/img/articles/ubuntu-windows10/SaNC5YQ.png) Une fenêtre comme celle-ci apparaît : -![](http://i.imgur.com/N2cvrOK.png) +![](/img/articles/ubuntu-windows10/N2cvrOK.png) Descendez un peu et cochez "**Sous-système Windows pour Linux"**, puis "**OK"**. Si votre ordinateur ne le fait pas automatiquement, **redémarrez** votre ordinateur (l'étape la plus ennuyante, je l'avoue). Voilà. Maintenant, ouvrez le menu Démarrer et cherchez **"Bash"**. -![](http://i.imgur.com/TZaqBLN.png) +![](/img/articles/ubuntu-windows10/TZaqBLN.png) -![](http://i.imgur.com/jALsHrC.png) +![](/img/articles/ubuntu-windows10/jALsHrC.png) Puis faites ce qui est demandé, soit Tapez « **o** » dans la console (tapez pas trop fort, elle est fragile). @@ -57,7 +57,7 @@ Patientez... (cela peut durer plusieurs minutes, ne vous inquiétez pas). Lorsque l'installation est terminée, (re)cherchez **Bash** sur le menu démarrer, et, incroyable, vous devriez apercevoir cela: -![](http://i.imgur.com/gKhrlVs.png) +![](/img/articles/ubuntu-windows10/gKhrlVs.png) Et voilà ! diff --git a/content/blog-posts/vivaldi-browser.md b/content/blog-posts/vivaldi-browser.md index 2cd9054..ce5ea57 100644 --- a/content/blog-posts/vivaldi-browser.md +++ b/content/blog-posts/vivaldi-browser.md @@ -1,7 +1,7 @@ --- title: "Vivaldi, le meilleur navigateur Internet ?" description: "Vivaldi, navigateur basé sur Opera & Chromium, beau, simple et rapide :)" -banner: https://becauseofprog.fr/assets/articles/vivaldi.png +banner: /img/articles/vivaldi-browser/vivaldi.png type: article authorId: kernoeb category: software @@ -13,7 +13,7 @@ Des **navigateurs** Internet, il en existe une multitude. Dans mon article sur **[Brave](https://becauseofprog.fr/blog/brave-open-source-27) *(voir l'article)***, je vous parlais de la communauté **Mastodon** qui m'avait conseillé ce navigateur. Je vous avais promis de parler d'un autre navigateur *(plus connu)* qui m'a été présenté *(je le connaissais déjà avant, à l'époque où celui-ci buggait pas mal)*... -### **VIVALDI** ![](https://becauseofprog.fr/assets/articles/vivaldi/logo.png) +### **VIVALDI** ![](/img/articles/vivaldi-browser/logo.png) Mais **Vivaldi**, c'est quoi ? @@ -70,27 +70,27 @@ Des **navigateurs** Internet, il en existe une multitude. #### **- Signets, raccourcis ergonomiques, et une personnalisation incroyable du logiciel !** - ![](https://becauseofprog.fr/assets/articles/vivaldi/6.jpg) + ![](/img/articles/vivaldi-browser/6.jpg) - ![](https://becauseofprog.fr/assets/articles/vivaldi/1.png) + ![](/img/articles/vivaldi-browser/1.png) *(ApproachingNirvana <3)* - ![](https://becauseofprog.fr/assets/articles/vivaldi/2.png) + ![](/img/articles/vivaldi-browser/2.png) *Personnalisation incroyable / nombre de thèmes infinis !* - ![Paramètres de Vivaldi](https://becauseofprog.fr/assets/articles/vivaldi/5.jpg) + ![Paramètres de Vivaldi](/img/articles/vivaldi-browser/5.jpg) *Paramètres très complets..* - ![](https://becauseofprog.fr/assets/articles/vivaldi/4.jpg) + ![](/img/articles/vivaldi-browser/4.jpg) *Système de notes ! :o* *et de recherche rapide :* - ![](https://becauseofprog.fr/assets/articles/vivaldi/3.gif) + ![](/img/articles/vivaldi-browser/3.gif) diff --git a/content/devblogs/la-vue-de-tous-5643.md b/content/devblogs/la-vue-de-tous-5643.md index 0f97f91..7229b62 100644 --- a/content/devblogs/la-vue-de-tous-5643.md +++ b/content/devblogs/la-vue-de-tous-5643.md @@ -1,9 +1,9 @@ --- title: À la Vue de tous! category: Mise à jour -banner: https://cdn.discordapp.com/attachments/272639040434601994/821365424528031814/Vue.gif +banner: /img/devblogs/Vue.gif timestamp: 1616015643 authorId: theovld --- -Bienvenue sur le blog v4! Cette version a été entièremment écrite en **JavaScript** avec le framework **Vue.js**! Découvrez de quoi il est fait sur [le dépôt GitHub](https://github.com/BecauseOfProg/blog)! ;) +Bienvenue sur le blog v4! Cette version a été entièrement écrite en **JavaScript** avec le framework **Vue.js**! Découvrez de quoi il est fait sur [le dépôt GitHub](https://github.com/BecauseOfProg/blog)! ;) diff --git a/content/members/davall.md b/content/members/davall.md index e632dd1..177dd29 100644 --- a/content/members/davall.md +++ b/content/members/davall.md @@ -2,7 +2,7 @@ username: davall displayname: Alan timestamp: 1493589600 -picture: https://becauseofprog.fr/assets/v2/sites/becauseofprog.fr/pictures/davall.png +picture: /img/members/davall.png description: "wow" biography: "Suivez-moi sur Instagram car je poste de jolies photos : @davall51. On se retrouve au Supermarché Coco ?" location : "France" diff --git a/content/members/gildasgh.md b/content/members/gildasgh.md index 88f6e48..b898e84 100644 --- a/content/members/gildasgh.md +++ b/content/members/gildasgh.md @@ -2,7 +2,7 @@ username: gildasgh displayname: Gildas timestamp: 1488582000 -picture: https://becauseofprog.fr/assets/v2/sites/becauseofprog.fr/pictures/gildasgh.jpg +picture: /img/members/gildasgh.jpg description: "Administrateur et rédacteur BecauseOfProg • Etudiant en cybersécurité" biography: "Étudiant en cybersécurité, intéressé par le web et les sciences des données • Climat, Escalade 🧗 • Membre de Hack2G2" location : "Lyon, France" diff --git a/content/members/kernoeb.md b/content/members/kernoeb.md index 77013aa..dc6e965 100644 --- a/content/members/kernoeb.md +++ b/content/members/kernoeb.md @@ -2,7 +2,7 @@ username: kernoeb displayname: kernoeb timestamp: 1488063600 -picture: https://becauseofprog.fr/assets/v2/sites/becauseofprog.fr/pictures/kernoeb.jpg +picture: /img/members/kernoeb.jpg description: "Modérateur, rédacteur, administrateur BecauseOfProg." biography: "Développeur full-stack (Node.js, Vue.js), je fais un peu de musique et de cyber aussi :)" location : "Vannes, France" diff --git a/content/members/rondouflex.md b/content/members/rondouflex.md index f0e9e34..8fb21c6 100644 --- a/content/members/rondouflex.md +++ b/content/members/rondouflex.md @@ -2,7 +2,7 @@ username: rondouflex displayname: Malo timestamp: 1493330400 -picture: https://becauseofprog.fr/assets/v2/sites/becauseofprog.fr/pictures/rondouflex.png +picture: /img/members/rondouflex.png description: "Je suis un génie incompris !" biography: "" location : "France" diff --git a/content/members/stengarlis.md b/content/members/stengarlis.md index 9c42d42..116f4c0 100644 --- a/content/members/stengarlis.md +++ b/content/members/stengarlis.md @@ -2,7 +2,7 @@ username: stengarlis displayname: Antonin timestamp: 1489532400 -picture: https://becauseofprog.fr/assets/pictures/10.png +picture: /img/members/stengarlis.png description: "" biography: "Breton, Rédacteur et Modérateur de la BecauseOfProg, j'écris des articles sur le web et sur Android" location : "Lézardrieux, France" diff --git a/content/members/theovld.md b/content/members/theovld.md index bc2826b..c209846 100644 --- a/content/members/theovld.md +++ b/content/members/theovld.md @@ -2,7 +2,7 @@ username: theovld displayname: Théo timestamp: 1488063600 -picture: https://becauseofprog.fr/assets/v2/sites/becauseofprog.fr/pictures/exybore.jpg +picture: /img/members/exybore.jpg description: "Développeur web et software // Membre de la BecauseOfProg // Webmaster et rédacteur" biography: "Lycéen passionné de programmation et d'informatique depuis plus de 3 ans. De temps à autre, je m'essaie à d'autres domaines tels que l'électronique ou les puzzles type Rubik's Cube." location : "Rhône-Alpes, France" diff --git a/layouts/default.vue b/layouts/default.vue index 613427b..97ce995 100644 --- a/layouts/default.vue +++ b/layouts/default.vue @@ -18,7 +18,7 @@ alt="BecauseOfProg Logo" class="shrink mr-2" contain - src="https://becauseofprog.fr/assets/v2/sites/becauseofprog.fr/assets/logos/bop.min.svg" + src="/img/bop.min.svg" width="40" /> diff --git a/layouts/error.vue b/layouts/error.vue index cc6fe7b..081bdcc 100644 --- a/layouts/error.vue +++ b/layouts/error.vue @@ -4,7 +4,7 @@

diff --git a/move.fish b/move.fish new file mode 100644 index 0000000..c4e8c6c --- /dev/null +++ b/move.fish @@ -0,0 +1,24 @@ +#!/opt/homebrew/bin/fish + +set DL_DIR ./static/img/members + +for file in content/members/*.md + echo $file + set urls (rg --only-matching --multiline --no-filename -N "http.*?\.(png|jpe?g|gif|svg|webp)" "$file" | sort -u) + for url in $urls + echo $url + set article_name (basename $file .md) + set filename (basename $url) + set filepath $DL_DIR/"$filename" + if test -f $filepath + # avoid collision + set filename (date +%s)-$filename + set filepath $DL_DIR/"$filename" + end + mkdir -p $DL_DIR/"$article_name" + curl -o $filepath $url + sed -i '' -e "s|$url|/img/articles/$filename|g" $file + end + echo + echo +end diff --git a/pages/index.vue b/pages/index.vue index decf96c..01f9462 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -128,7 +128,7 @@