207 lines
13 KiB
HTML
207 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-US">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>RustDesk - Université de Rouen</title>
|
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap">
|
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="https://www.univ-rouen.fr/wp-content/themes/theme_ci/favicons/apple-touch-icon.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="https://www.univ-rouen.fr/wp-content/themes/theme_ci/favicons/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="https://www.univ-rouen.fr/wp-content/themes/theme_ci/favicons/favicon-16x16.png">
|
|
<link rel="shortcut icon" href="https://www.univ-rouen.fr/wp-content/themes/theme_ci/favicons/favicon.ico">
|
|
<link href="css/bootstrap.min.css?ver=1.1.0" rel="stylesheet">
|
|
<link href="css/mdb.min.css?ver=1.1.0" rel="stylesheet">
|
|
<link href="css/main.css?ver=1.1.0" rel="stylesheet">
|
|
</head>
|
|
<body id="top">
|
|
<header>
|
|
<!-- Navbar-->
|
|
<nav class="navbar navbar-expand-lg navbar-dark fixed-top scrolling-navbar" id="navbar">
|
|
<div class="container"><a class="navbar-brand" href="https://www.univ-rouen.fr/" target="_blank"><img id="logo-img" class="no-lazy-load" src="https://www.univ-rouen.fr/wp-content/uploads/2019/12/logo_universite_rouen.svg" alt="logo_universite_rouen"></a>
|
|
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarContent" aria-controls="navbarContent" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
|
|
<div class="collapse navbar-collapse" id="navbarContent">
|
|
<ul class="navbar-nav ml-auto">
|
|
<li class="nav-item"><a class="nav-link active" href="#features">Fonctionalités</a></li>
|
|
<li class="nav-item"><a class="nav-link active" href="#screenshots">Screenshots</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="https://rustdesk.com/docs/fr/" target="_blank">Docs</a></li>
|
|
<li class="nav-item"><a class="nav-link" href="https://github.com/rustdesk/rustdesk" target="_blank">GitHub</a></li>
|
|
</ul><a class="btn btn-default btn-rounded my-0" href="#">Téléchargements</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<!-- Intro Section-->
|
|
<section class="view" id="intro">
|
|
<div class="site-bg-img d-flex align-items-center">
|
|
<div class="container">
|
|
<div class="row no-gutters">
|
|
<div class="col-md-10 col-lg-6 text-center text-md-left margins">
|
|
<div class="white-text">
|
|
<div class="wow fadeInRight" data-wow-delay="0.3s">
|
|
<h1 class="h1 h1-responsive">RustDesk</h1>
|
|
<div class="h6">
|
|
RustDesk est un logiciel de prise à main à distance auto-hébergé par la DSI de l'Université de Rouen. Dans le monde numérique d'aujourd'hui, ce genre d'outil est devenu essentiel pour de nombreuses personnes et organisations. Cela permet d'accéder facilement à des ordinateurs distants et de fournir une assistance technique à distance. Alors que de nombreuses solutions de prise en main à distance existent sur le marché, les solutions auto-hébergées comme RustDesk offrent certains avantages significatifs.</div>
|
|
</div><br>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="latest-release" class="row">
|
|
<div class="col-lg-2 col-md-3 col-sm-12 mr-md-4 justify-content-center d-flex mb-3" id="windows">
|
|
<a id="windowsLink" href="#"><img class="img-fluid hoverable" src="img/windows.png" alt="Windows Logo"></a>
|
|
</div>
|
|
<div class="col-lg-2 col-md-3 col-sm-12 mr-md-4 justify-content-center d-flex mb-3" id="mac">
|
|
<a id="macLink" href="#"><img class="img-fluid hoverable" src="img/macos.png" alt="Mac Logo"></a>
|
|
</div>
|
|
<div class="col-lg-2 col-md-3 col-sm-12 mr-md-4 justify-content-center d-flex mb-3" id="ubuntu">
|
|
<a id="ubuntuLink" href="#"><img class="img-fluid hoverable" src="img/ubuntu.png" alt="Ubuntu Logo"></a>
|
|
</div>
|
|
<div class="col-lg-2 col-md-3 col-sm-12 mr-md-4 justify-content-center d-flex mb-3" id="android">
|
|
<a id="androidLink" href="#"><img class="img-fluid hoverable" src="img/google-play-fr.png" alt="Android Logo"></a>
|
|
</div>
|
|
<div class="col-lg-2 col-md-3 col-sm-12 justify-content-center d-flex">
|
|
<a href="https://apps.apple.com/app/rustdesk-remote-desktop/id1581225015" target="_blank"> <img class="img-fluid hoverable" src="img/app-store-fr.png" alt="app store logo"></a>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
fetch('https://api.github.com/repos/rustdesk/rustdesk/releases/latest')
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
const tagName = data.tag_name;
|
|
const assets = data.assets;
|
|
let windowsAsset = null;
|
|
let macAsset = null;
|
|
let ubuntuAsset = null;
|
|
let androidAsset = null;
|
|
|
|
// Find assets for different platforms
|
|
assets.forEach(asset => {
|
|
if (asset.name.endsWith('.exe')) {
|
|
windowsAsset = asset;
|
|
} else if (asset.name.endsWith('.dmg')) {
|
|
macAsset = asset;
|
|
} else if (asset.name.endsWith('.deb')) {
|
|
ubuntuAsset = asset;
|
|
} else if (asset.name.endsWith('.apk')) {
|
|
androidAsset = asset;
|
|
}
|
|
});
|
|
|
|
// Function to generate download links
|
|
function generateLink(asset, platformId, elementId) {
|
|
if (asset) {
|
|
const link = document.getElementById(elementId);
|
|
link.href = asset.browser_download_url;
|
|
}
|
|
}
|
|
|
|
// Generate download links for each platform
|
|
generateLink(windowsAsset, 'windows', 'windowsLink');
|
|
generateLink(macAsset, 'mac', 'macLink');
|
|
generateLink(ubuntuAsset, 'ubuntu', 'ubuntuLink');
|
|
generateLink(androidAsset, 'android', 'androidLink');
|
|
|
|
// Display release tag
|
|
// document.getElementById('latest-release').insertAdjacentHTML('afterbegin', `<p>Latest Release (${tagName}):</p>`);
|
|
})
|
|
.catch(error => {
|
|
console.error('Error fetching latest release:', error);
|
|
document.getElementById('latest-release').innerHTML = 'Error fetching latest release';
|
|
});
|
|
</script>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</header>
|
|
<div id="container">
|
|
|
|
<section class="py-5" id="features">
|
|
<div class="container">
|
|
<div class="wow fadeIn">
|
|
<h2 class="h1-responsive h1 text-center my-5">Pourquoi l'utiliser ?</h2>
|
|
<p class="lead blue-grey-text text-center w-responsive mx-auto mb-5">Tout d'abord, l'une des principales raisons de choisir une solution auto-hébergée est la confidentialité et la sécurité des données.</p>
|
|
</div>
|
|
<div class="row mb-5">
|
|
<div class="col-lg-6 wow fadeInLeft text-center text-lg-left"><img class="img-fluid" src="img/screens-section.png" alt="phone image"/></div>
|
|
<div class="col-lg-6 pt-5">
|
|
<div class="row mb-3">
|
|
<div class="col-1 wow bounceIn"><i class="fa fa-mail-forward fa-lg indigo-text"></i></div>
|
|
<div class="col-xl-10 col-md-11 col-10 wow fadeInRight">
|
|
<h5 class="h4 mb-3">Sécurité</h5>
|
|
<p class="grey-text">Connexion chiffrée de bout en bout</p>
|
|
</div>
|
|
</div>
|
|
<div class="row mb-3">
|
|
<div class="col-1 wow bounceIn"><i class="fa fa-mail-forward fa-lg indigo-text"></i></div>
|
|
<div class="col-xl-10 col-md-11 col-10 wow fadeInRight">
|
|
<h5 class="h4 mb-3">Confidentialité</h5>
|
|
<p class="grey-text">Avec RustDesk, vous avez un contrôle total sur les données échangées lors de la prise en main à distance. Contrairement aux solutions cloud, où vos données peuvent être stockées sur des serveurs tiers, une solution auto-hébergée vous permet de garder vos données confidentielles et de réduire les risques de fuites ou d'accès non autorisés.</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-1 wow bounceIn"><i class="fa fa-mail-forward fa-lg indigo-text"></i></div>
|
|
<div class="col-xl-10 col-md-11 col-10 wow fadeInRight">
|
|
<h5 class="h4 mb-3">Console</h5>
|
|
<p class="grey-text">Suivez le journal d'accès et gérez les autorisations à partir d'une interface utilisateur moderne.</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-1 wow bounceIn"><i class="fa fa-mail-forward fa-lg indigo-text"></i></div>
|
|
<div class="col-xl-10 col-md-11 col-10 wow fadeInRight">
|
|
<h5 class="h4 mb-3">Compatibilité </h5>
|
|
<p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit enim ad minima veniam, quis nostrum exercitationem ullam. Reprehenderit maiores aperiam assumenda deleniti hic.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="py-5 grey lighten-4" id="screenshots">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-6">
|
|
<div class="wow fadeIn">
|
|
<h2 class="h1 h1-responsive text-center text-md-right my-5">Screenshots</h2>
|
|
<p class="lead blue-grey-text text-center text-md-right">Simple. Aucun privilège d'administration ou installation nécessaire pour Windows.</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-6">
|
|
<div class="wow fadeInUp">
|
|
<div class="pt-5">
|
|
<div class="carousel slide carousel-fade text-center" id="carousel-screenshot" data-ride="carousel">
|
|
<div class="carousel-inner text-center pb-5" role="listbox">
|
|
<div class="carousel-item active"><img class="img-fluid z-depth-2" src="img/rust-screenshot-1.jpg" alt="screenshot image" style="height:450px; width:auto;"/></div>
|
|
<div class="carousel-item"><img class="img-fluid z-depth-2" src="img/rust-screenshot-2.jpg" alt="screenshot image-1" style="height:450px; width:auto;"/></div>
|
|
<div class="carousel-item"><img class="img-fluid z-depth-2" src="img/rust-screenshot-3.jpg" alt="screenshot image-2" style="height:450px; width:auto;"/></div>
|
|
</div><a class="carousel-control-prev" href="#carousel-screenshot" role="button" data-slide="prev"><span aria-hidden="true"><i class="fa fa-arrow-left indigo-text "></i></span><span class="sr-only text-blue">Previous</span></a><a class="carousel-control-next" href="#carousel-screenshot" role="button" data-slide="next"><span aria-hidden="true"><i class="fa fa-arrow-right indigo-text "></i></span><span class="sr-only">Next</span></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
</div>
|
|
<footer class="page-footer special-color-dark">
|
|
<div class="container py-5">
|
|
<div class="row">
|
|
<div class="col-md-12 pb-3">
|
|
<div class="flex-center"><a class="px-3" href="https://www.facebook.com/univ.rouen/" target="_blank"><i class="fa fa-facebook fa-lg white-text"></i></a><a class="px-3" href="https://twitter.com/univrouen" target="_blank"><i class="fa fa-twitter fa-lg white-text"></i></a><a class="px-3" href="https://www.linkedin.com/school/universite-de-rouen/" target ="_blank"><i class="fa fa-linkedin fa-lg white-text"></i></a><a class="px-3" href="https://github.com/rustdesk/rustdesk" target ="_blank"><i class="fa fa-github fa-lg white-text"></i></a></div>
|
|
</div>
|
|
</div>
|
|
<div class="container-fluid text-center">
|
|
<p class="mb-0">© <a href="https://rustdesk.com/" target="_blank">RustDesk</a> - Design: <a href="https://templateflip.com/" target="_blank">TemplateFlip</a></p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
<script type="text/javascript" src="scripts/jquery.min.js?ver=1.1.0"></script>
|
|
<script type="text/javascript" src="scripts/popper.min.js?ver=1.1.0"></script>
|
|
<script type="text/javascript" src="scripts/bootstrap.min.js?ver=1.1.0"></script>
|
|
<script type="text/javascript" src="scripts/wow.min.js?ver=1.1.0"></script>
|
|
<script type="text/javascript" src="scripts/mdb.min.js?ver=1.1.0"></script>
|
|
<script>new WOW().init();</script>
|
|
</body>
|
|
</html> |