diff --git a/app/Controllers/Http/ProjectsController.ts b/app/Controllers/Http/ProjectsController.ts index 73216a2a..11bd2388 100644 --- a/app/Controllers/Http/ProjectsController.ts +++ b/app/Controllers/Http/ProjectsController.ts @@ -14,4 +14,8 @@ export default class ProjectsController { return view.render('projects/myNetwork/index') } + async journal({ view }: HttpContextContract) { + return view.render('projects/journal/index') + } + } diff --git a/public/assets/entrypoints.json b/public/assets/entrypoints.json index cbea3709..8ebd93d0 100644 --- a/public/assets/entrypoints.json +++ b/public/assets/entrypoints.json @@ -55,6 +55,14 @@ "js": [ "http://localhost:8080/assets/my-network-project.js" ] + }, + "journal": { + "css": [ + "http://localhost:8080/assets/journal.css" + ], + "js": [ + "http://localhost:8080/assets/journal.js" + ] } } } \ No newline at end of file diff --git a/public/assets/manifest.json b/public/assets/manifest.json index df332249..0a021c82 100644 --- a/public/assets/manifest.json +++ b/public/assets/manifest.json @@ -13,5 +13,7 @@ "assets/nups.js": "http://localhost:8080/assets/nups.js", "assets/my-network-project.css": "http://localhost:8080/assets/my-network-project.css", "assets/my-network-project.js": "http://localhost:8080/assets/my-network-project.js", + "assets/journal.css": "http://localhost:8080/assets/journal.css", + "assets/journal.js": "http://localhost:8080/assets/journal.js", "assets/images/landing.jpg": "http://localhost:8080/assets/images/landing.6d6841c3.jpg" } \ No newline at end of file diff --git a/public/projects/journal/app téléphone.jpg b/public/projects/journal/app téléphone.jpg new file mode 100644 index 00000000..1967c6a1 Binary files /dev/null and b/public/projects/journal/app téléphone.jpg differ diff --git a/public/projects/journal/carte.png b/public/projects/journal/carte.png new file mode 100644 index 00000000..279c3f27 Binary files /dev/null and b/public/projects/journal/carte.png differ diff --git a/public/projects/journal/img développement réseaux.png b/public/projects/journal/img développement réseaux.png new file mode 100644 index 00000000..06dfc25e Binary files /dev/null and b/public/projects/journal/img développement réseaux.png differ diff --git a/public/projects/journal/img exemple de liberter.jpeg b/public/projects/journal/img exemple de liberter.jpeg new file mode 100644 index 00000000..adba6b78 Binary files /dev/null and b/public/projects/journal/img exemple de liberter.jpeg differ diff --git a/public/projects/journal/journal.avif b/public/projects/journal/journal.avif new file mode 100644 index 00000000..22e63eb6 Binary files /dev/null and b/public/projects/journal/journal.avif differ diff --git a/resources/css/journal.css b/resources/css/journal.css new file mode 100644 index 00000000..ba524a3d --- /dev/null +++ b/resources/css/journal.css @@ -0,0 +1,222 @@ +@import url("https://fonts.googleapis.com/css?family=Montserrat:700"); + +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Inter', sans-serif; + scroll-behavior: smooth; +} + +body{ + background-color: rgb(240, 240, 240); +} + +.btn { + color: white; + font-weight: bold; + font-size: 1em; + text-decoration: none; + text-transform: uppercase; + padding: 10px; + background-color: gray; + transition: transform 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55), background-position 800ms cubic-bezier(0.68, -0.55, 0.265, 1.55), box-shadow 500ms linear; + background-image: url('data:image/svg+xml;utf8,'); + background-size: contain; + background-position: -200px center; + background-repeat: no-repeat; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); + display: flex; + align-items: center; + width: 100%; +} + +.btn:hover { + transform: scale(1.04); + background-position: -60px; + box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); +} + +.btn:active { + transform: scale(0.5); + background-position: 500px; + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); +} + +.txt_lien{ + width : 100%; + text-align: center; +} + +.header{ + align-items: center; + display: flex; + flex-direction: column; + background-color: white; +} + +.div_big_title{ + padding: 40px; + text-align: center; +} + +.big_title{ + font-weight: 900; + color: black; + font-size: 40px; +} + +.sous_big_title{ + font-size: 20px; +} + +.div_btn{ + display: flex; + flex-direction: row; + align-items: center; + width: 100%; + position: fixed; +} + +.div_btn_2{ + display: flex; + flex-direction: row; + align-items: center; + width: 100%; +} + +.sous_title{ + font-weight: 900; + color: black; + font-size: 17px; + text-align: center; + padding: 25px; +} + +.corps{ + margin: 0px 150px 0px; + background-color: white; + box-shadow: 0px 0px 10px 1px gray; +} + +.inter_corps, +.inter_corps_contact{ + padding: 15px; +} + +.def_pv1_1, +.def_pv1_2{ + padding: 0 0 25px; +} + +.img_1, +.img_3{ + width : 30%; + border: none; + float: right; + border-radius: 25% 10% 25% 15%; + padding: 0 0 15px 15px; +} + +.img_2{ + width : 30%; + border: none; + float: left; + border-radius: 10% 25% 15% 25%; + padding: 0 15px 15px 0; +} + +.id2_pv1, +.id2_pv2, +.id2_pv3, +.id2_pv4{ + padding: 0 0 25px; +} + +.img_carte{ + width : 100%; + border: none; + border-radius: 5% / 10%; +} + +.clear{ + clear:both +} + +.inter_corps_contact{ + margin-bottom: 30px; +} + +.p_contact{ + padding: 10px 0 10px 0; +} + +form { + display: flex; + flex-direction: column; +} + +label { + margin-bottom: 5px; +} + +input[type="text"], input[type="email"], textarea { + margin-bottom: 10px; + padding: 10px; + border: 1px solid #ccc; +} + +.footer{ + background-color: rgb(51, 50, 58); + margin-top: 50px; +} + +.footer2{ + height: 100px; + display: flex; + align-items: center; + padding: 0 10%; +} + +.sources, +.sources a{ + text-decoration: none; + color: white; +} + +.line{ + border-bottom: 1px solid gray; + margin: 0 100px; +} + +.footer1{ + width: 100%; + height: 100px; + padding-top: 40px; +} + +.copyrights{ + color: white; + float: left; + width: 40%; + text-align: left; + margin-left: 10%; +} + +.conditions_generale{ + text-decoration: none; + font-weight: 600; + color: white; + float: right; + width: 40%; + text-align: right; + margin-right: 10%; +} + +.id3_pv1, +.id3_pv2, +.id3_pv3, +.id3_pv4, +.id3_pv5{ + padding: 0 0 25px; +} \ No newline at end of file diff --git a/resources/views/index.edge b/resources/views/index.edge index 453eee4e..58902aa1 100644 --- a/resources/views/index.edge +++ b/resources/views/index.edge @@ -110,6 +110,9 @@
+
+ +
diff --git a/resources/views/projects/journal/index.edge b/resources/views/projects/journal/index.edge new file mode 100644 index 00000000..f30ac182 --- /dev/null +++ b/resources/views/projects/journal/index.edge @@ -0,0 +1,138 @@ + + + + + + + EMC + @entryPointStyles('journal') + + +
+
+

La liberté d'expression sur les réseaux sociaux

+

Y a-t-il une plus grande liberté d'expression sur les réseaux sociaux ?

+
+
+

Accueil

 +

Définitions

 +

Développement

 +

Exemples

 +

Carte

 +

Nous contacter

 +
+
+

Accueil

 +

Définitions

 +

Développement

 +

Exemples

 +

Carte

 +

Nous contacter

 +
+
+ +
+

Quelques définitions qui vont vous servir !

+
+
+
+ Image d'application sur un téléphone +
+
+

- Réseaux sociaux : 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.

+
+
+ - CGU : 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.

+
+
+ - Liberté d'expression : 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.

+
+
+
+
+
+ +
+

Développement !

+
+
+
+ Image de développement sur les réseaux +
+

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.

+

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.

+

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.

+

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.

+

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.

+
+
+
+ +
+

Des exemples...

+
+
+
+ Image d'exemple de liberter +
+

- 1 : 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.

+

- 2 : 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.

+

- 3 : Deux auteurs de tweets homophobes ont été condamnés par la justice pour avoir prononcé des propos haineux visant Ian BROSSAT.

+

- 4 : 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.

+

- 5 : La journaliste Nadia Daam 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.

+

- 6 : Twitter supprime le compte de Donald Trump pour tenter de limiter les risques d'incitation à la violence.

+
+
+
+ +
+

Carte

+
+
+
+ Image d'une carte de la liberté d'expression sur internet +
+
+ +
+

Nous contacter

+
+
+
+

Contact

+

Utilisez le formulaire ci-dessous pour poser des questions ou signaler des problèmes.

+
+ + + + + + + +
+
+
+ + + \ No newline at end of file diff --git a/start/routes.ts b/start/routes.ts index 8a417bc1..6dbff9fc 100644 --- a/start/routes.ts +++ b/start/routes.ts @@ -34,5 +34,6 @@ Route.post('/modifemail', 'ComptesController.modifemail').as('modifemail') Route.get('/projects/nups', 'ProjectsController.nups').as('nups') Route.get('/projects/nups/web', 'ProjectsController.nupsWeb').as('nups-web') Route.get('/projects/my-networks', 'ProjectsController.myNetwork').as('myNetwork') +Route.get('/projects/journal', 'ProjectsController.journal').as('journal') Route.get('/terms', 'TermsController.index').as('terms') \ No newline at end of file diff --git a/webpack.config.js b/webpack.config.js index 54ba7c01..8692f066 100644 --- a/webpack.config.js +++ b/webpack.config.js @@ -52,6 +52,7 @@ Encore.addEntry('terms', './resources/css/terms.css') Encore.addEntry('project-nups', './resources/css/project-nups.css') Encore.addEntry('nups', './resources/css/nups.css') Encore.addEntry('my-network-project', './resources/css/my-network-project.css') +Encore.addEntry('journal', './resources/css/journal.css') /* |--------------------------------------------------------------------------