arthur/portfolio2023
1
0
Fork 0
mirror of https://github.com/arthur-pbty/portfolio2023.git synced 2026-06-18 13:56:16 +02:00
Code Issues Packages Projects Releases Wiki Activity

modified

Browse Source
This commit is contained in:
Tutur33
2023-11-25 00:01:46 +01:00
parent 938ad9d309
commit cb411653c8
27388 changed files with 18691 additions and 3339152 deletions
Download Patch File Download Diff File Expand all files Collapse all files
build/resources/views/projects/journal/index.edge
+138
View File
@@ -0,0 +1,138 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script>
<title>EMC</title>
@entryPointStyles('journal')
</head>
<body>
<section class="header">
<div class="div_big_title" id="id_div_big_title">
<h1 class="big_title">La liberté d'expression sur les réseaux sociaux</h1>
<h2 class="sous_big_title">Y a-t-il une plus grande liberté d'expression sur les réseaux sociaux ?</h2>
</div>
<div class="div_btn">
<a href="#" class="btn"><p class="txt_lien">Accueil</p></a>
<a href="#1" class="btn"><p class="txt_lien">Définitions</p></a>
<a href="#2" class="btn"><p class="txt_lien">Développement</p></a>
<a href="#3" class="btn"><p class="txt_lien">Exemples</p></a>
<a href="#carte" class="btn"><p class="txt_lien">Carte</p></a>
<a href="#contact" class="btn"><p class="txt_lien">Nous contacter</p></a>
</div>
<div class="div_btn_2">
<a href="#" class="btn"><p class="txt_lien">Accueil</p></a>
<a href="#1" class="btn"><p class="txt_lien">Définitions</p></a>
<a href="#2" class="btn"><p class="txt_lien">Développement</p></a>
<a href="#3" class="btn"><p class="txt_lien">Exemples</p></a>
<a href="#carte" class="btn"><p class="txt_lien">Carte</p></a>
<a href="#contact" class="btn"><p class="txt_lien">Nous contacter</p></a>
</div>
</section>
<script>
$(function() {
$('.div_btn').hide();
});
$(window).scroll(function(){
posScroll = $(document).scrollTop();
if(posScroll >=id_div_big_title.clientHeight)
$('.div_btn').show();
else
$('.div_btn').hide();
});
</script>
<section class="sous_title" id="1">
<h2>Quelques définitions qui vont vous servir !</h2>
</section>
<section class="corps">
<div class="inter_corps">
<img src="/projects/journal/app téléphone.jpg" alt="Image d'application sur un téléphone" class="img_1">
<div class="definition">
<div class="def_pv1_1">
<p><b> - <span style="text-decoration: underline;">Réseaux sociaux</span> : </b> Un réseau social est un environnement numérique qui peut être un site et/ou une application qui permet de communiquer, partager, rencontrer des gens... Tout ça sous le respect des CGU.</p>
</div>
<div class="def_pv1_2">
<b> - <span style="text-decoration: underline;">CGU</span> : </b> Conditions générales d'utilisation, elles servent à définir les règles du réseau. Actuellement il n'existe aucune législation spécifique aux réseaux sociaux, cependant ils sont considérés comme des espaces publics.</p>
</div>
<div class="def_pv1_3">
<b> - <span style="text-decoration: underline;">Liberté d'expression</span> : </b> Tout citoyen a le droit de s'exprimer librement de la manière qu'il souhaite tant qu'il ne néglige aucune loi écrite dans la constitution.</p>
</div>
</div>
<div class="clear"></div>
</div>
</section>
<section class="sous_title" id="2">
<h2>Développement !</h2>
</section>
<section class="corps">
<div class="inter_corps">
<img src="/projects/journal/img développement réseaux.png" alt="Image de développement sur les réseaux" class="img_2">
<div class="paver">
<p class="id2_pv1">La liberté d'expression est un droit fondamental qui permet à chaque individu d'exprimer ses opinions, ses idées et ses pensées sans être censuré ou réprimandé. Avec l'avènement des réseaux sociaux, il est devenu plus facile que jamais pour les gens de s'exprimer publiquement et de partager leurs points de vue avec le monde entier.</p>
<p class="id2_pv2">En théorie, les réseaux sociaux offrent une plus grande liberté d'expression que les canaux de communication traditionnels tels que les journaux, les magazines ou la télévision. Tout le monde peut créer un compte et publier du contenu, qu'il s'agisse de textes, de photos, de vidéos ou de commentaires. Les réseaux sociaux permettent également aux gens de se connecter avec des personnes partageant les mêmes idées, de former des communautés et de participer à des débats en ligne.</p>
<p class="id2_pv3">Cependant, cette liberté d'expression sur les réseaux sociaux n'est pas absolue. Les plateformes ont des règles de modération pour limiter les contenus abusifs ou illégaux, comme la haine, la violence, le harcèlement ou la diffamation. Ces règles sont souvent critiquées pour être opaques ou biaisées, et pour entraîner une censure injustifiée de certains contenus.</p>
<p class="id2_pv4">De plus, la liberté d'expression sur les réseaux sociaux peut être limitée par des facteurs externes tels que la pression sociale, les trolls, les bots et les fake news. Les gens peuvent être intimidés ou harcelés pour avoir exprimé leur opinion, ou être victimes de campagnes de désinformation visant à discréditer leurs points de vue.</p>
<p class="id2_pv5">En fin de compte, la liberté d'expression sur les réseaux sociaux est un sujet complexe et controversé. Bien que les réseaux sociaux offrent un espace pour l'expression libre, cette liberté peut être compromise par des règles de modération, des pressions externes et des comportements abusifs. Il est important pour les utilisateurs de prendre des précautions lorsqu'ils s'expriment en ligne et de respecter les règles de chaque plateforme, tout en défendant leur droit à exprimer leurs opinions.</p>
</div>
</div>
</section>
<section class="sous_title" id="3">
<h2>Des exemples...</h2>
</section>
<section class="corps">
<div class="inter_corps">
<img src="/projects/journal/img exemple de liberter.jpeg" alt="Image d'exemple de liberter" class="img_3">
<div class="paver">
<p class="id3_pv1"><b> - 1 : </b> Les autorités en Iran ont bloqué l'accès à Instagram et WhatsApp suite à six jours de protestations contre la mort de Mahs Amini, une jeune femme de 22 ans, arrêtée par la police des moeurs.</p>
<p class="id3_pv2"><b> - 2 : </b> Pendant une semaine, les internautes chinois ont pu discuter librement de sujets interdits sur le nouveau réseau social "Clubhouse" avant que la plateforme ne soit bloquée par Pékin. Les autorités chinoises ont imposé de nouvelles règles très strictes de censure sur internet. La chine censure beaucoup les réseaux sociaux en proposant une alternative de reproduction de site, cela leur permet de tout contrôler.</p>
<p class="id3_pv3"><b> - 3 : </b>Deux auteurs de tweets homophobes ont été condamnés par la justice pour avoir prononcé des propos haineux visant <a href="https://www.paris.fr/pages/brossat-ian-2260" target="_bank">Ian BROSSAT</a>.</p>
<p class="id3_pv4"><b> - 4 : </b>Une jeune femme de 19 ans a été menacée de mort sur Twitter par un homme de 20 ans. Le nom et l'addresse de la femme ont été divulgués sur Twitter, l'homme a été jugé en comparution immédiate et a écopé de 2 ans de prison avec sursis.</p>
<p class="id3_pv5"><b> - 5 : </b>La journaliste <a href="https://fr.wikipedia.org/wiki/Nadia_Daam" target="_bank">Nadia Daam</a> a été victime d'un "raid numérique". C'est un harcèlement réalisé via les outils numériques, visant une ou un groupe de personnes et réalisé en meute, c'est à dire impliquant de manière concertée ou non de nombreux individus. Elle a été menacée de mort et de viol sur elle et sa fille. Certains auteurs de l'attaque ont été condamnés par la justice, notamment amende et prison avec sursis.</p>
<p class="id3_pv6"><b> - 6 : </b>Twitter supprime le compte de <a href="https://fr.wikipedia.org/wiki/Donald_Trump" target="_bank">Donald Trump</a> pour tenter de limiter les risques d'incitation à la violence. </p>
</div>
</div>
</section>
<section class="sous_title" id="carte">
<h2>Carte</h2>
</section>
<section class="corps">
<div class="inter_corps">
<img src="/projects/journal/carte.png" alt="Image d'une carte de la liberté d'expression sur internet" class="img_carte">
</div>
</section>
<section class="sous_title" id="contact">
<h2>Nous contacter</h2>
</section>
<section class="corps">
<div class="inter_corps_contact">
<h2>Contact</h2>
<p class="p_contact">Utilisez le formulaire ci-dessous pour poser des questions ou signaler des problèmes.</p>
<form action="" method="post">
<label for="name">Nom :</label>
<input type="text" id="name" name="user_name" required>
<label for="email">Email :</label>
<input type="email" id="email" name="user_email" required>
<label for="message">Message :</label>
<textarea id="message" name="user_message" required></textarea>
<input type="submit" value="Envoyer">
</form>
</div>
</section>
<footer id="footer" class="footer">
<div class="footer2">
<span class="sources"> Sources : <a href="https://www.avocat.fr/" target="_bank">Les avocats</a>, <a href="https://www.justifit.fr/" target="_bank">Justifit</a>, <a href="https://fr.wikipedia.org/wiki/Wikip%C3%A9dia:Accueil_principal" target="_bank">Wikipedia</a>, <a href="https://www.maisondesjournalistes.org/" target="_bank">La maison des journalistes</a>, <a href="https://www.economie.gouv.fr/recrutement/consultant-juridique" target="_bank">Consultant juridique</a>, <a href="https://freedomhouse.org/" target="_bank">Freedom House</a>, <a href="https://www.lefigaro.fr/" target="_bank">Le Figaro</a>, <a href="https://www.sudouest.fr/" target="_bank">Sud Ouest</a>, <a href="https://www.la-croix.com/?gclid=EAIaIQobChMI7s_q9ZXP_QIVvpBoCR1nrQQLEAAYASAAEgKUxfD_BwE" target="_bank">La Croix</a>, <a href="https://www.lemonde.fr/" target="_bank">Le Monde</a>, <a href="https://www.mediapart.fr/" target="_bank">Mediapart</a>, <a href="https://www.midilibre.fr/" target="_bank">Midi Libre</a></span>
</div>
<div class="line"></div>
<div class="footer1">
<span class="copyrights">&copy; 2023 - Arthur Puechberty</span>
<a href="{{ route('terms') }}" target="_blank" class="conditions_generale">Conditions générales</a>
</div>
</footer>
</body>
</html>
build/resources/views/projects/myNetwork/index.edge
+71
View File
@@ -0,0 +1,71 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Arthur Puechberty</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;500;600;700&amp;display=swap" rel="stylesheet">
@entryPointStyles('my-network-project')
</head>
<body>
<section id="accueil" class="accueil">
<img class="profil_img" src="/projects/myNetwork/arthur.png" alt="Photo de profil Arthur">
<h1>Arthur</h1>
<h2>Une grande passion : la voile ⛵️</h2>
</section>
<section class="liste_btn">
<div classe="btn_1">
<a href="https://www.instagram.com/arthur.pbty/" class="btn" target="_blank"><img class="lien_img"
src="/projects/myNetwork/logo insta.png" alt="Logo Instagram">
<p class="txt_lien">Instagram</p>
</a>
</div>
<div classe="btn_2">
<a href="https://discord.gg/HxgaA44CPh" class="btn" target="_blank"><img class="lien_img"
src="/projects/myNetwork/Logo Discord.png" alt="Logo Discord">
<p class="txt_lien">Discord</p>
</a>
</div>
<div classe="btn_3">
<a href="https://twitter.com/arthur_pbty" class="btn" target="_blank"><img class="lien_img"
src="/projects/myNetwork/logo twitter.png" alt="Logo Twitter">
<p class="txt_lien">Twitter</p>
</a>
</div>
<div classe="btn_4">
<a href="https://www.youtube.com/channel/UCILN2CPA-wPbBUFkgqVCb9A" class="btn" target="_blank"><img
class="lien_img" src="/projects/myNetwork/Logo YouTube.png" alt="Logo YouTube">
<p class="txt_lien">YouTube</p>
</a>
</div>
<div classe="btn_5">
<a href="https://www.facebook.com/profile.php?id=100081982581492" class="btn" target="_blank"><img
class="lien_img" src="/projects/myNetwork/Logo Facebook.png" alt="Logo Facebook">
<p class="txt_lien">Facebook</p>
</a>
</div>
<div classe="btn_6">
<a href="https://www.twitch.tv/tuturp33" class="btn" target="_blank"><img class="lien_img"
src="/projects/myNetwork/Twitch logo.png" alt="Logo Twitch">
<p class="txt_lien">Twitch</p>
</a>
</div>
<div classe="btn_7">
<a href="https://github.com/TuturP33" class="btn" target="_blank"><img class="lien_img"
src="/projects/myNetwork/logo github.png" alt="Logo Github">
<p class="txt_lien">Github</p>
</a>
</div>
<div classe="btn_8">
<a href="https://fr.namemc.com/profile/TuturP33.1" class="btn" target="_blank"><img class="lien_img"
src="/projects/myNetwork/Logo Minecraft.png" alt="Logo Minecraft">
<p class="txt_lien">Minecraft</p>
</a>
</div>
</section>
@include('components/foother')
</body>
</html>
build/resources/views/projects/nups/nups.edge
+95
View File
@@ -0,0 +1,95 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Nups</title>
@entryPointStyles('nups')
</head>
<body>
<main>
<section class="section_gauche">
<header>
<div class="div_logo">
<img class="logo" alt="Nups" src="/nups.png"/>
</div>
<form action="https://google.fr/search" method="GET" class="bar_recherche" id="myForm">
<input type="text" placeholder="Recherche" name="q" id="myInput">
<button type="submit">
<img src="/loupe.png">
</button>
</form>
<div class="liste_favori">
<a href="https://nups.fr"><img src="/onedrive.svg"><p>Onedrive</p></a>
<a href="https://nups.fr"><img src="/unnamed.png"><p>2 favori :</p></a>
<a href="https://nups.fr"><img src="/unnamed.png"><p>3 favori :</p></a>
</div>
</header>
<footer id="footer" class="footer">
<span class="copyrights">&copy; <div id="year"></div> - Arthur Puechberty</span>
<a href="{{ route('terms') }}" class="conditions_generale" target="_blank">Condition générales</a>
</footer>
<script>
var year = new Date().getFullYear();
document.getElementById("year").innerHTML = year;
document.getElementById('myForm').addEventListener('submit', function(event) {
var input = document.getElementById('myInput');
if (input.value.trim() === '') {
event.preventDefault(); // Empêche la soumission du formulaire
} else {
this.action = "https://www.google.fr/search";
}
});
</script>
</section>
<div class="separator"></div>
<section class="section_droite">
<nav>
<a class="lien_nav" target="_blank" href="https://nups.fr">
Theme
</a>
<a class="lien_nav" href="https://nups.fr" target="_blank">
Paramettre
</a>
<a class="lien_nav" href="#">
<img class="img_nav" src="/app.png"/>
</a>
<a class="lien_nav" href="https://nups.fr" target="_blank">
<img class="img_nav img_compte" src="/unnamed.png"/>
</a>
</nav>
<div class="liste_app">
<a href="https://nups.fr"><img src="/unnamed.png"><p>Compte</p></a>
<a href="https://nups.fr"><img src="/unnamed.png"><p>Recherche</p></a>
<a href="https://nups.fr"><img src="/unnamed.png"><p>Maps</p></a>
<a href="https://nups.fr"><img src="/unnamed.png"><p>Actualités</p></a>
<a href="https://nups.fr"><img src="/unnamed.png"><p>Mail</p></a>
<a href="https://nups.fr"><img src="/unnamed.png"><p>Meet</p></a>
<a href="https://nups.fr"><img src="/unnamed.png"><p>Contacts</p></a>
<a href="https://nups.fr"><img src="/unnamed.png"><p>Drive</p></a>
<a href="https://nups.fr"><img src="/unnamed.png"><p>Agenda</p></a>
<a href="https://nups.fr"><img src="/unnamed.png"><p>Traduction</p></a>
<a href="https://nups.fr"><img src="/unnamed.png"><p>Photos</p></a>
<a href="https://nups.fr"><img src="/unnamed.png"><p>Nups</p></a>
<a href="https://nups.fr"><img src="/unnamed.png"><p>Finance</p></a>
<a href="https://nups.fr"><img src="/unnamed.png"><p>Docs</p></a>
<a href="https://nups.fr"><img src="/unnamed.png"><p>Tableurs</p></a>
<a href="https://nups.fr"><img src="/unnamed.png"><p>Slides</p></a>
<a href="https://nups.fr"><img src="/unnamed.png"><p>Livres</p></a>
<a href="https://nups.fr"><img src="/unnamed.png"><p>Hangouts</p></a>
<a href="https://nups.fr"><img src="/unnamed.png"><p>Keep</p></a>
<a href="https://nups.fr"><img src="/unnamed.png"><p>Jamboard</p></a>
<a href="https://nups.fr"><img src="/unnamed.png"><p>Classroom</p></a>
<a href="https://nups.fr"><img src="/unnamed.png"><p>Earth</p></a>
<a href="https://nups.fr"><img src="/unnamed.png"><p>Enregistré</p></a>
<a href="https://nups.fr"><img src="/unnamed.png"><p>Arts & Culture</p></a>
<a href="https://nups.fr"><img src="/unnamed.png"><p>Ads</p></a>
<a href="https://nups.fr"><img src="/unnamed.png"><p>Voyages</p></a>
<a href="https://nups.fr"><img src="/unnamed.png"><p>Formulaires</p></a>
</div>
</section>
</main>
</body>
</html>
build/resources/views/projects/nups/project-nups.edge
+113
View File
@@ -0,0 +1,113 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Nups</title>
@entryPointStyles('project-nups')
</head>
<body>
<header>
<nav>
<li>
<img src="/logo.svg" class="logo">
</li>
<li>
<a href="#" data-text="Accueil">Accueil</a>
</li>
<li>
<a href="#explication">Explication</a>
</li>
<li>
<a href="#download">Télécharger</a>
</li>
<li>
<a href="#version_web">Version web</a>
</li>
</nav>
<h1 class="big_title">Nups</h1>
</header>
<section id="explication">
<h1 class="titre_section">Explication</h1>
<div class="explication_contenaire">
<div class="partie_1">
<img src="/arthur.jpg" class="image_parragraphe_1">
<h2>Le créateur</h2>
<p>Arthur Puechberty a décidé de créer ce logiciel le 13 juin 2023 à l'âge de 16 ans !
Il a toujours rêvé de créer un logiciel regroupant tout. Le problème avec Internet
est que dès que nous voulons faire quelque chose, il faut soit aller sur un site,
soit utiliser un logiciel. De plus, en fonction de ce que vous voulez faire, il faut
souvent accéder à des sites différents, mais ces sites ne communiquent généralement
pas entre eux, ce qui peut poser des problèmes. Il fallait remédier à cela en créant
Nups.</p>
</div>
<div class="space"></div>
<div class="partie_2">
<img src="/project-nups.png" class="image_parragraphe_2">
<h2>Qu'est-ce que Nups</h2>
<p>Nups est une société spécialisée dans les services en ligne tels que la recherche sur
Internet, la messagerie (Nups mail), les cartes (Nups Maps), le partage de vidéos
(Nups vidéo), le stockage en ligne (Nups stocke) et bien d'autres. Elle est également
active dans la recherche et le développement de nouvelles technologies.</p>
</div>
</div>
</section>
<section id="download">
<h1 class="titre_section">Télécharger</h1>
<div class="download_link">
<button type="button" class="btn_download" onclick="telecharger_installer_windows()"><span>Télécharger pour Windows </span><img src="/icon windows.png" alt="" class="logo_download" /></button>
<button type="button" class="btn_download" onclick="telecharger_installer_mac_os()"><span>Télécharger pour Mac OS </span><img src="/icon mac os.png" alt="" class="logo_download" /></button>
<button type="button" class="btn_download" onclick="telecharger_installer_linux()"><span>Télécharger pour Linux </span><img src="/icon linux.png" alt="" class="logo_download" /></button>
</div>
<script>
function telecharger_installer_windows() {
var lien = document.createElement('a');
lien.href = 'chemin/vers/le/fichier';
lien.download = 'nups installer.exe';
lien.click();
}
function telecharger_installer_mac_os() {
var lien = document.createElement('a');
lien.href = 'chemin/vers/le/fichier';
lien.download = 'nups installer.exe';
lien.click();
}
function telecharger_installer_linux() {
var lien = document.createElement('a');
lien.href = 'chemin/vers/le/fichier';
lien.download = 'nups installer.exe';
lien.click();
}
</script>
</section>
<section id="version_web">
<h1 class="titre_section">Version web</h1>
<p>Si vous ne voulez pas télécharger notre logiciel, vous pouvez toujours acceder a la version web. Sur cette version il vous suffi de vous connecter comme sur le logiciel et vous pourrez acceder a nos service.</p>
<div class="btn_version_web_contenaire">
<button type="button" class="btn_version_web" onclick="window.location.href='{{ route('nups-web') }}'">Acceder a la version web</button>
</div>
</section>
<section id="autre">
<h1 class="titre_section">Autre</h1>
<p>Nous avons aussi un serveur discord !</p>
</section>
@include('components/foother')
<script>
const body = document.querySelector("body");
let darkmode = localStorage.getItem("dark-mode");
if(darkmode === "enabled"){
body.classList.add("dark-mode-theme");
} else {
body.classList.remove("dark-mode-theme");
}
</script>
</body>
</html>