mirror of
https://github.com/arthur-pbty/portfolio2023.git
synced 2026-06-20 13:50:46 +02:00
restart portfolio
This commit is contained in:
Tutur33
@@ -1,82 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Login</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
|
||||
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v2.1.9/css/unicons.css">
|
||||
@entryPointStyles('form')
|
||||
@entryPointScripts('form')
|
||||
</head>
|
||||
<body>
|
||||
<a href="{{ route('home') }}" class="logo">
|
||||
<img src="/logo.png" alt="">
|
||||
</a>
|
||||
|
||||
<div class="section">
|
||||
<div class="container">
|
||||
<div class="row full-height justify-content-center">
|
||||
<div class="col-12 text-center align-self-center py-5">
|
||||
<div class="section pb-5 pt-5 pt-sm-2 text-center">
|
||||
<h6 class="mb-0 pb-3"><span>Log In </span><span>Sign Up</span></h6>
|
||||
<input class="checkbox" type="checkbox" id="reg-log" name="reg-log"/>
|
||||
<label for="reg-log"></label>
|
||||
@!component('components/flash')
|
||||
<div class="card-3d-wrap mx-auto">
|
||||
<div class="card-3d-wrapper">
|
||||
<div class="card-front">
|
||||
<div class="center-wrap">
|
||||
<div class="section text-center">
|
||||
<h4 class="mb-4 pb-3">Log In</h4>
|
||||
<form action="{{ route('login') }}" method="post">
|
||||
<div class="form-group">
|
||||
<input type="email" name="loginemail" class="form-style" placeholder="Your Email" id="logemail" autocomplete="off">
|
||||
<i class="input-icon uil uil-at"></i>
|
||||
</div>
|
||||
<div class="form-group mt-2">
|
||||
<input type="password" name="loginpassword" class="form-style" placeholder="Your Password" id="logpass" autocomplete="off">
|
||||
<i class="input-icon uil uil-lock-alt"></i>
|
||||
</div>
|
||||
<button class="btn mt-4">submit</button>
|
||||
</form>
|
||||
<p class="mb-0 mt-4 text-center"><a href="#0" class="link">Forgot your password?</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-back">
|
||||
<div class="center-wrap">
|
||||
<div class="section text-center">
|
||||
<h4 class="mb-4 pb-3">Sign Up</h4>
|
||||
<form action="{{ route('signup') }}" method="post">
|
||||
<div class="form-group">
|
||||
<input type="text" name="pseudo" class="form-style" placeholder="Your Full Name" id="logname" autocomplete="off">
|
||||
<i class="input-icon uil uil-user"></i>
|
||||
</div>
|
||||
<div class="form-group mt-2">
|
||||
<input type="email" name="email" class="form-style" placeholder="Your Email" id="logemail" autocomplete="off">
|
||||
<i class="input-icon uil uil-at"></i>
|
||||
</div>
|
||||
<div class="form-group mt-2">
|
||||
<input type="password" name="password" class="form-style" placeholder="Your Password" id="logpass" autocomplete="off">
|
||||
<i class="input-icon uil uil-lock-alt"></i>
|
||||
</div>
|
||||
<div class="form-group mt-2">
|
||||
<input type="password" name="password_confirmation" class="form-style" placeholder="Confirm Your Password" id="logpass" autocomplete="off">
|
||||
<i class="input-icon uil uil-lock-alt"></i>
|
||||
</div>
|
||||
<button class="btn mt-4">submit</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@include('components/foother')
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,71 +0,0 @@
|
||||
@if(flashMessages.has('success'))
|
||||
<div class="flash-success">
|
||||
{{ flashMessages.get('success') }}
|
||||
</div>
|
||||
@end
|
||||
|
||||
@if(flashMessages.has('error'))
|
||||
<div class="flash-error">
|
||||
{{ flashMessages.get('error') }}
|
||||
</div>
|
||||
@end
|
||||
|
||||
<style>
|
||||
.flash-success {
|
||||
color: #155724; /* Couleur du texte */
|
||||
background-color: #d4edda; /* Couleur de l'arrière-plan */
|
||||
border-color: #c3e6cb; /* Couleur de la bordure */
|
||||
|
||||
/* Style de la bordure */
|
||||
border: 1px solid transparent;
|
||||
border-radius: 0.25rem;
|
||||
padding: 0.75rem 1.25rem; /* Espacement interne */
|
||||
|
||||
/* Styles supplémentaires pour le texte et les liens */
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
|
||||
/* Ombre légère */
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.flash-error {
|
||||
color: #721c24; /* Couleur du texte */
|
||||
background-color: #f8d7da; /* Couleur de l'arrière-plan */
|
||||
border-color: #f5c6cb; /* Couleur de la bordure */
|
||||
|
||||
/* Style de la bordure */
|
||||
border: 1px solid transparent;
|
||||
border-radius: 0.25rem;
|
||||
padding: 0.75rem 1.25rem; /* Espacement interne */
|
||||
|
||||
/* Styles supplémentaires pour le texte et les liens */
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
|
||||
/* Ombre légère */
|
||||
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
|
||||
@if(flashMessages.has('errors.pseudo'))
|
||||
<div class="flash-error">
|
||||
{{ flashMessages.get('errors.pseudo') }}
|
||||
</div>
|
||||
@end
|
||||
|
||||
@if(flashMessages.has('errors.email'))
|
||||
<div class="flash-error">
|
||||
{{ flashMessages.get('errors.email') }}
|
||||
</div>
|
||||
@end
|
||||
|
||||
@if(flashMessages.has('errors.password'))
|
||||
<div class="flash-error">
|
||||
{{ flashMessages.get('errors.password') }}
|
||||
</div>
|
||||
@end
|
||||
@@ -1,52 +0,0 @@
|
||||
<footer id="footer" class="footer">
|
||||
<span class="copyrights">© <div id="year"></div> - Arthur Puechberty</span>
|
||||
<a href="{{ route('terms') }}" class="conditions_generale" target="_blank">Terms and Conditions</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>
|
||||
<style>
|
||||
@import url('https://fonts.googleapis.com/css?family=Roboto:400,900');
|
||||
|
||||
.footer{
|
||||
font-family: 'Roboto', sans-serif;
|
||||
font-weight: 600;
|
||||
min-height: 100px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 50px;
|
||||
justify-content: space-between;
|
||||
padding: 0 100px;
|
||||
flex-wrap: wrap;
|
||||
background-color: rgb(50, 50, 50);
|
||||
}
|
||||
|
||||
.copyrights{
|
||||
padding-right: 20px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.copyrights,
|
||||
#year {
|
||||
padding-right: 20px;
|
||||
color: #9aa0a6;
|
||||
display: inline;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.conditions_generale {
|
||||
text-decoration: none;
|
||||
font-weight: 600;
|
||||
color: #9aa0a6;
|
||||
}
|
||||
</style>
|
||||
@@ -1,53 +0,0 @@
|
||||
<!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>My account</title>
|
||||
@entryPointStyles('compte')
|
||||
@entryPointScripts('compte')
|
||||
</head>
|
||||
<body>
|
||||
<h1>Welcome {{ auth.user.pseudo }}</h1>
|
||||
|
||||
<a href="{{ route('home') }}">return to home page</a>
|
||||
|
||||
@!component('components/flash')
|
||||
|
||||
<ul>
|
||||
<h2>Here is your personal information:</h2>
|
||||
<li>pseudo : {{ auth.user.pseudo }}</li>
|
||||
<li>email : {{ auth.user.email }}</li>
|
||||
<li>created at : {{ auth.user.createdAt }}</li>
|
||||
</ul>
|
||||
|
||||
<ul>
|
||||
<h2>You can modify your personal information:</h2>
|
||||
<li>
|
||||
<form action="modifpseudo" method="post">
|
||||
<label for="pseudo">Pseudo</label>
|
||||
<input type="text" name="pseudo" placeholder="New pseudo">
|
||||
<button>Save</button>
|
||||
</form>
|
||||
</li>
|
||||
<li>
|
||||
<form action="modifemail" method="post">
|
||||
<label for="email">Email</label>
|
||||
<input type="email" name="email" placeholder="New email">
|
||||
<button>Save</button>
|
||||
</form>
|
||||
</li>
|
||||
</ul>
|
||||
<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>
|
||||
@@ -1,23 +1 @@
|
||||
<!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">
|
||||
<link href="https://fonts.googleapis.com/css?family=Maven+Pro:400,900" rel="stylesheet">
|
||||
<title>404 HTML Tempate by Colorlib</title>
|
||||
@entryPointStyles('errors/not-found.css')
|
||||
</head>
|
||||
<body>
|
||||
<div id="notfound">
|
||||
<div class="notfound">
|
||||
<div class="notfound-404">
|
||||
<h1>404</h1>
|
||||
</div>
|
||||
<h2>We are sorry, Page not found!</h2>
|
||||
<p>The page you are looking for might have been removed had its name changed or is temporarily unavailable.</p>
|
||||
<a href="#">Back To Homepage</a>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
<p> It's a 404 </p>
|
||||
|
||||
@@ -1,139 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="shortcut icon" href="/favicon.ico" />
|
||||
<title>Arthur</title>
|
||||
@entryPointStyles('index')
|
||||
@entryPointScripts('index')
|
||||
</head>
|
||||
<body>
|
||||
<nav id="nav" class="fixed-navbar nav-light">
|
||||
<ul class="nav-lien">
|
||||
<li><a href="#">Home</a></li>
|
||||
<li><a href="#about">About</a></li>
|
||||
<li><a href="#projects">Projects</a></li>
|
||||
<li><a href="#contact">Contact</a></li>
|
||||
</ul>
|
||||
<button class="btn_theme" id="toggle-btn">theme
|
||||
<p id="text">claire</p>
|
||||
</button>
|
||||
<ul class="nav-compte">
|
||||
@if(auth.user)
|
||||
<li>Welcome {{ auth.user.pseudo }}</li>
|
||||
<li><a href="{{ route('compte') }}">Compte</a></li>
|
||||
<li><a href="{{ route('logout') }}">Logout</a></li>
|
||||
@else
|
||||
<li><a href="{{ route('auth') }}">Login</a></li>
|
||||
<li><a href="{{ route('auth') }}">Signup</a></li>
|
||||
@end
|
||||
</ul>
|
||||
</nav>
|
||||
<nav class="mini-nav nav-light" id="mini-nav">
|
||||
<button class="depli-nav" id="depli-nav">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" width="35" height="35" viewBox="0 0 30 24">
|
||||
<rect width="30" height="4" rx="2" ry="2" fill="#000" />
|
||||
<rect y="10" width="20" height="4" rx="2" ry="2" fill="#000" />
|
||||
<rect y="20" width="25" height="4" rx="2" ry="2" fill="#000" />
|
||||
</svg>
|
||||
</button>
|
||||
<img src="/logo.png" alt="">
|
||||
</nav>
|
||||
<script>
|
||||
const toggleBtn = document.getElementById("depli-nav");
|
||||
const nav = document.getElementById("nav");
|
||||
let toggle = "False";
|
||||
|
||||
toggleBtn.onclick = function(){
|
||||
if(toggle === "False") {
|
||||
nav.style.display = "flex";
|
||||
toggle = "True";
|
||||
} else {
|
||||
nav.style.display = "none";
|
||||
toggle = "False";
|
||||
}
|
||||
}
|
||||
</script>
|
||||
<main>
|
||||
<div class="main-left">
|
||||
<h1>Hi! 👋🏻<br>I'm Arthur.</h1>
|
||||
<h2>Founder</h2>
|
||||
|
||||
<div class="barre-verticale">
|
||||
<p>I am a young Frenchman with a passion for development, I am a self-taught learner and my creativity knows no limits. Every pixel I edit tells a story. Passionate about transforming ideas into visually captivating experiences, I create projects that push the boundaries of design innovation.</p>
|
||||
</div>
|
||||
|
||||
<p class="citation">"In the middle of every difficulty lies opportunity."</p>
|
||||
<p class="citation-auth">Albert Einstein</p>
|
||||
|
||||
<ul class="div-lien">
|
||||
<a href="https://www.instagram.com/arthur.pbty/" target="_blank"><div><img src="/logo insta.png" alt="Logo">Instagram</div></a>
|
||||
<a href="https://github.com/Tutur33" target="_blank"><div><img src="/logo github.png" alt="Logo">Github</div></a>
|
||||
<a href="https://discord.gg/HxgaA44CPh" target="_blank"><div><img src="/Logo Discord.png" alt="Logo">Discord</div></a>
|
||||
<a href="http://tuturp33.000webhostapp.com" target="_blank"><div><img src="/other.png" alt="Logo">Other...</div></a>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="main-right">
|
||||
<img src="/pp.jpg" alt="Profile picture" class="pp">
|
||||
</div>
|
||||
</main>
|
||||
<section id="about">
|
||||
<h2>About</h2>
|
||||
<p>Hi ! I'm Arthur, a passionate developer based in France. My journey in the world of development is an inspiring adventure. Every line of code I write is a step toward creating unique and engaging experiences. I am driven by the desire to bring ideas to life and shape them into innovative designs.</p>
|
||||
|
||||
<h3>My background</h3>
|
||||
<p>I gained experience in web development working on various projects, ranging from front-end to back-end. I have a deep command of languages like HTML, CSS, JavaScript, and have worked with modern frameworks like Adonis with Node.js.</p>
|
||||
|
||||
<h3>My philosophy</h3>
|
||||
<p>I firmly believe that every difficulty is an opportunity to create something new and exciting. My approach is to combine functionality and aesthetics to deliver exceptional user experiences.</p>
|
||||
|
||||
<h3>My skills</h3>
|
||||
<p>Web development, web design, application development, project management.</p>
|
||||
|
||||
<h3>My interests</h3>
|
||||
<p>Outside of development, I love exploring new places, photography, and reading books about technology and creativity. And go sailing!</p>
|
||||
|
||||
<h3>My vision</h3>
|
||||
<p>My visionMy goal is to continue to learn, innovate and inspire through my projects. I want to help create a better, more engaging web for everyone.</p>
|
||||
|
||||
<br>
|
||||
<p>Please feel free to contact me if you have any questions or would like to collaborate on an exciting project. You can reach me via [your email address] or follow me on social media using the links below.</p>
|
||||
</section>
|
||||
<section id="projects">
|
||||
<h2>Projects</h2>
|
||||
|
||||
<div class="all_projects">
|
||||
<div class="nups-project">
|
||||
<a href="{{ route('nups') }}" target="_blank"><img src="/project-nups.png" alt=""></a>
|
||||
</div>
|
||||
<div class="my-networks-project">
|
||||
<a href="{{ route('myNetwork') }}" target="_blank"><img src="/my-networks.jpg" alt=""></a>
|
||||
</div>
|
||||
<div class="journal-project">
|
||||
<a href="{{ route('journal') }}" target="_blank"><img src="/projects/journal/journal.avif" alt=""></a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="contact">
|
||||
<h2>Contact</h2>
|
||||
|
||||
<form class="formContact" action="envoyer.php" method="post">
|
||||
<label for="nom">Nom :</label>
|
||||
<input type="text" id="nom" name="nom" required>
|
||||
<br>
|
||||
|
||||
<label for="email">E-mail :</label>
|
||||
<input type="email" id="email" name="email" required>
|
||||
<br>
|
||||
|
||||
<label for="message">Message :</label>
|
||||
<textarea id="message" name="message" rows="4" required></textarea>
|
||||
<br>
|
||||
|
||||
<input type="submit" value="Envoyer">
|
||||
</form>
|
||||
</section>
|
||||
@include('components/foother')
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,138 +0,0 @@
|
||||
<!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">© 2023 - Arthur Puechberty</span>
|
||||
<a href="{{ route('terms') }}" target="_blank" class="conditions_generale">Conditions générales</a>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,71 +0,0 @@
|
||||
<!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&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>
|
||||
@@ -1,95 +0,0 @@
|
||||
<!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">© <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>
|
||||
@@ -1,113 +0,0 @@
|
||||
<!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>
|
||||
@@ -1,90 +0,0 @@
|
||||
<!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>Terms and Conditions</title>
|
||||
@entryPointStyles('terms')
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
<h1>Nups Terms and Conditions</h1>
|
||||
<p>Effective Date: Saturday, June 17, 2023</p>
|
||||
<p>Thank you for using Nups services! These Terms and Conditions govern your use of our services. Please read them carefully.</p>
|
||||
|
||||
<h2>Acceptance of Terms and Conditions</h2>
|
||||
<p>1.1 Acceptance of Terms. By using Nups services, you agree to be bound by these Terms and Conditions. If you do not accept these Terms, you cannot use our services.</p>
|
||||
|
||||
<h2>Use of Our Services</h2>
|
||||
<p>2.1 User Account. To use certain Nups services, you will need to create a user account. You are responsible for the confidentiality of your login credentials and all activities related to your account.</p>
|
||||
<p>2.2 Authorized Use. You agree to use Nups services in accordance with these Terms and Conditions and all applicable laws. You may not use our services in a way that could infringe on Nups' rights or the rights of others.</p>
|
||||
<p>2.3 Usage Restrictions. You agree not to access Nups services in an unauthorized manner, attempt to gain unauthorized access to accounts or computer systems, and not to disrupt or harm Nups services.</p>
|
||||
|
||||
<h2>User Content</h2>
|
||||
<p>3.1 Content Ownership. You retain ownership of any content you submit, post, or display on Nups services. By submitting, posting, or displaying content, you grant Nups a worldwide, non-exclusive, transferable, free, and royalty-free license to use, reproduce, modify, adapt, publish, translate, distribute, display, and create derivative works from that content.</p>
|
||||
<p>3.2 Content Responsibility. You are responsible for the content you submit, post, or display on Nups services. You warrant that you have all necessary rights to publish this content, and it does not violate the rights of others.</p>
|
||||
<p>3.3 Respect for Intellectual Property Rights. You agree not to violate the intellectual property rights of Nups or third parties when using Nups services. You may not copy, modify, distribute, or access copyrighted content or other intellectual property items without authorization.</p>
|
||||
|
||||
<h2>Intellectual Property</h2>
|
||||
<p>4.1 Nups' Intellectual Property Rights. All intellectual property rights related to Nups services (except user content) are owned by Nups. You do not acquire any ownership rights to Nups services or the content you access.</p>
|
||||
<p>4.2 Authorized Use. Subject to compliance with these Terms and Conditions, Nups grants you a limited, non-exclusive, revocable, non-transferable license to use Nups services for personal and non-commercial purposes.</p>
|
||||
|
||||
<h2>Privacy</h2>
|
||||
<p>5.1 Data Collection. Nups collects and uses your information in accordance with its Privacy Policy. By using Nups services, you consent to the collection and use of your information as outlined in this policy.</p>
|
||||
<p>5.2 Cookies. Nups services may use cookies and similar technologies to facilitate your site usage and personalize your experience.</p>
|
||||
<p>5.3 Data Security. Nups implements appropriate security measures to protect your information from unauthorized access, disclosure, or misuse.</p>
|
||||
|
||||
<h2>Changes to Services</h2>
|
||||
<p>6.1 Changes to Terms and Conditions. Nups reserves the right to modify these Terms and Conditions at any time. Changes take effect upon their publication on the Nups website. Your continued use of Nups services after such changes constitutes your acceptance of the amended Terms and Conditions.</p>
|
||||
<p>6.2 Changes to Services. Nups also reserves the right to modify, suspend, or temporarily or permanently terminate any aspect of its services, including access to certain features, without notice or liability to you. You acknowledge that Nups will not be liable to you or any third party for any changes, suspensions, or interruptions of its services.</p>
|
||||
|
||||
<h2>Responsibilities and Limitations</h2>
|
||||
<p>7.1 Disclaimer of Warranties. Nups services are provided "as is" and "as available," without any warranties, express or implied. Nups does not guarantee the accuracy, completeness, reliability, or availability of the services. You use Nups services at your own risk.</p>
|
||||
<p>7.2 Limitation of Liability. To the fullest extent permitted by law, Nups will not be liable for direct, indirect, incidental, special, consequential, or punitive damages arising from your use or inability to use Nups services.</p>
|
||||
|
||||
<h2>Termination</h2>
|
||||
<p>8.1 Termination by You. You may terminate your user account and stop using Nups services at any time.</p>
|
||||
<p>8.2 Termination by Nups. Nups reserves the right to terminate your user account and terminate your use of the services, in whole or in part, if you violate these Terms and Conditions or if your use of the services is detrimental to Nups or other users.</p>
|
||||
|
||||
<h2>General Provisions</h2>
|
||||
<p>9.1 Entire Agreement. These Terms and Conditions constitute the entire agreement between you and Nups regarding the use of Nups services and supersede all prior or contemporaneous agreements between you and Nups.</p>
|
||||
<p>9.2 Applicable Law. These Terms and Conditions are governed and interpreted in accordance with the laws of the country where Nups is headquartered.</p>
|
||||
<p>9.3 Dispute Resolution. Any dispute arising from these Terms and Conditions shall be subject to the exclusive jurisdiction of the courts of the country where Nups is headquartered.</p>
|
||||
<p>9.4 Severability. If any provision of these Terms and Conditions is found to be invalid, illegal, or unenforceable by a competent court, such provision shall be modified to the minimum extent necessary to make it valid, legal, and enforceable, and the other provisions shall remain in full force.</p>
|
||||
|
||||
<h2>Communications</h2>
|
||||
<p>10.1 Nups Communications. By using Nups services, you consent to receive communications from Nups, including announcements, updates, promotional offers, and service-related messages.</p>
|
||||
<p>10.2 User Communications. If you choose to contact Nups, you agree that Nups may respond to you using the contact information you have provided.</p>
|
||||
|
||||
<h2>Indemnification</h2>
|
||||
<p>11.1 Indemnification. You agree to indemnify, defend, and hold Nups, its officers, directors, employees, agents, and representatives harmless from any claim, liability, loss, damage, cost, or expense, including reasonable attorney's fees, arising from your use of Nups services or your violation of these Terms and Conditions.</p>
|
||||
|
||||
<h2>Copyright Infringement Notifications</h2>
|
||||
<p>12.1 Copyright Infringement Notifications. Nups respects the intellectual property rights of others. If you believe that any content available on Nups services violates your copyrights, please submit a copyright infringement notification in accordance with applicable law.</p>
|
||||
|
||||
<h2>Severability of Provisions</h2>
|
||||
<p>13.1 Severability of Provisions. If any provision of these Terms and Conditions is found invalid, illegal, or unenforceable by a competent court, such provision shall be modified to the minimum extent necessary to make it valid, legal, and enforceable, and the other provisions shall remain in full force.</p>
|
||||
|
||||
<h2>Language</h2>
|
||||
<p>14.1 Language of the Terms. In case of any discrepancy between the language versions of these Terms and Conditions, the French version shall prevail.</p>
|
||||
|
||||
<h2>Contact Us</h2>
|
||||
<p>15.1 Contact. If you have questions, concerns, or comments about these Terms and Conditions, please contact us at the following address:</p>
|
||||
<p>Nups Inc.<br>Address: [Address]<br>Email: [Email]<br>Phone: [Phone Number]</p>
|
||||
|
||||
<p>Thank you for reading our Terms and Conditions! We hope you enjoy using Nups services.</p>
|
||||
</main>
|
||||
<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>
|
||||
@include('components/foother')
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user