changes
BIN
Hub/assets/background/img1.jpg
Normal file
After Width: | Height: | Size: 8.2 MiB |
BIN
Hub/assets/background/img2.jpg
Normal file
After Width: | Height: | Size: 7.3 MiB |
BIN
Hub/assets/background/img3.jpg
Normal file
After Width: | Height: | Size: 3.3 MiB |
BIN
Hub/assets/icon.ico
Normal file
After Width: | Height: | Size: 240 KiB |
113
Hub/index.html
Normal file
@ -0,0 +1,113 @@
|
|||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Accueil</title>
|
||||||
|
<link rel="shortcut icon" href="assets/icon.ico">
|
||||||
|
<link rel="stylesheet" href="css/style.css">
|
||||||
|
<script src="js/js.js"></script>
|
||||||
|
<script>var body = document.getElementsByTagName('body')[0];
|
||||||
|
images = ['img1.jpg','img2.jpg','img3.jpg'];
|
||||||
|
i = Math.floor(Math.random()*images.length);
|
||||||
|
body.style.backgroundImage = 'url(' + images[i] + ')';
|
||||||
|
body.style.backgroundSize = 'cover';</script>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div id="contenu">
|
||||||
|
<div id="notion">
|
||||||
|
<iframe id="notion-content" src="html/notion.html" frameborder="0" height="400px" width="400px"></iframe>
|
||||||
|
</div>
|
||||||
|
<div id="reseaux">
|
||||||
|
<iframe id="reseaux-content" src="html/réseaux.html" frameborder="0"></iframe>
|
||||||
|
</div>
|
||||||
|
<div id="cours">
|
||||||
|
<iframe id="cours-content" src="html/cours.html" frameborder="0"></iframe>
|
||||||
|
</div>
|
||||||
|
<div id="weather">
|
||||||
|
<iframe id="weather-content" src="weather/weather.html" frameborder="0"></iframe>
|
||||||
|
</div>
|
||||||
|
<div id="raccourcis">
|
||||||
|
<iframe id="raccourcis-content" src="html/raccourcis.html" frameborder="0"></iframe>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="heure">
|
||||||
|
<SCRIPT LANGUAGE="JavaScript">
|
||||||
|
Stamp = new Date();
|
||||||
|
year = Stamp.getYear();
|
||||||
|
if (year < 2000) year = 1900 + year;
|
||||||
|
document.write('<h1>' + Stamp.getDate() + "/" + (Stamp.getMonth() + 1) + "/" + year + '</h1>');
|
||||||
|
// document.write('<font size="5" ><B>' + Stamp.getDate() + "/" + (Stamp.getMonth() + 1) + "/" + year + '</B></font><BR>');
|
||||||
|
var Hours;
|
||||||
|
var Mins;
|
||||||
|
var Time;
|
||||||
|
Hours = Stamp.getHours();
|
||||||
|
if (Hours >= 12) {
|
||||||
|
Time = " ";
|
||||||
|
}
|
||||||
|
else {
|
||||||
|
Time = " ";
|
||||||
|
}
|
||||||
|
if (Hours > 24) {
|
||||||
|
Hours -= 24;
|
||||||
|
}
|
||||||
|
if (Hours == 0) {
|
||||||
|
Hours = 12;
|
||||||
|
}
|
||||||
|
Mins = Stamp.getMinutes();
|
||||||
|
if (Mins < 10) {
|
||||||
|
Mins = "0" + Mins;
|
||||||
|
}
|
||||||
|
document.write('<h1>' + Hours + ":" + Mins + Time + '</h1>');
|
||||||
|
// document.write('<font size="10" ><B>' + Hours + ":" + Mins + Time + '</B></font>');
|
||||||
|
</SCRIPT>
|
||||||
|
|
||||||
|
<SCRIPT LANGUAGE="JavaScript">
|
||||||
|
Stamp = new Date();
|
||||||
|
day = Stamp.getDay();
|
||||||
|
if (day == 1) {
|
||||||
|
jour = 'Lundi';
|
||||||
|
}
|
||||||
|
if (day == 2) {
|
||||||
|
jour = 'Mardi';
|
||||||
|
}
|
||||||
|
if (day == 3) {
|
||||||
|
jour = 'Mercredi';
|
||||||
|
}
|
||||||
|
if (day == 4) {
|
||||||
|
jour = 'Jeudi';
|
||||||
|
}
|
||||||
|
if (day == 5) {
|
||||||
|
jour = 'Vendredi';
|
||||||
|
}
|
||||||
|
if (day == 6) {
|
||||||
|
jour = 'Samedi';
|
||||||
|
}
|
||||||
|
if (day == 7) {
|
||||||
|
jour = 'Dimanche';
|
||||||
|
}
|
||||||
|
|
||||||
|
// document.write('<h1>' + Stamp.getDay() + '</h1>');
|
||||||
|
document.write('<h1>' + jour + '</h1>');
|
||||||
|
</script>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="button">
|
||||||
|
<div>
|
||||||
|
<button id="reload" onClick="window.location.reload();"><img src="assets/social/reload.png" alt="reload"
|
||||||
|
style="width:75px"></button>
|
||||||
|
<!-- <img id="reload" src="assets/social/reload.png" alt="reload" onClick="window.location.reload"> -->
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<div>
|
||||||
|
<button id="google" onmouseenter='window.location.href="https://google.com"'><img
|
||||||
|
src="assets/social/google.png" alt="reload" style="width: 75px"></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
BIN
assets/timer.ico
Before Width: | Height: | Size: 2.3 KiB After Width: | Height: | Size: 228 KiB |
BIN
assets/timer.png
Before Width: | Height: | Size: 10 KiB After Width: | Height: | Size: 8.7 KiB |
@ -124,7 +124,11 @@ iframe {
|
|||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#notion, #reseaux, #cours, #weather, #raccourcis{
|
#notion,
|
||||||
|
#reseaux,
|
||||||
|
#cours,
|
||||||
|
#weather,
|
||||||
|
#raccourcis {
|
||||||
margin: 50px;
|
margin: 50px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -139,3 +143,31 @@ iframe {
|
|||||||
#notion:hover~#raccourcis {
|
#notion:hover~#raccourcis {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
#minuteur {
|
||||||
|
background-color: transparent;
|
||||||
|
border: none;
|
||||||
|
color: white;
|
||||||
|
padding: 10px 15px;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
display: inline-block;
|
||||||
|
font-size: 25px;
|
||||||
|
cursor: pointer;
|
||||||
|
font-family: 'roboto', sans-serif;
|
||||||
|
border: 2px #aaa solid;
|
||||||
|
border-radius: 5px;
|
||||||
|
|
||||||
|
|
||||||
|
border: 3px solid rgba(204, 204, 204, 0.425);
|
||||||
|
border-radius: 30px;
|
||||||
|
padding: none;
|
||||||
|
box-shadow: 0px 25px 80px rgba(0, 0, 0, 0.5);
|
||||||
|
backdrop-filter: blur(4px);
|
||||||
|
}
|
||||||
|
|
||||||
|
#minuteur:hover {
|
||||||
|
backdrop-filter: blur(10px);
|
||||||
|
}
|
@ -32,13 +32,10 @@
|
|||||||
<p>
|
<p>
|
||||||
Livres
|
Livres
|
||||||
</p>
|
</p>
|
||||||
<a class="maths" href=https://educadhoc.fr/reader/textbook/9782017102106/fxl/Page_1 target="_parent">
|
|
||||||
<img class="maths" src="../assets/social/maths.png" alt="maths">
|
|
||||||
</a>
|
|
||||||
<a class="maths" href='https://idp-auth.gar.education.fr/domaineGar?idENT=SjA=&idEtab=MDkxMDYyNkw=&idRessource=ark%3A%2F12313%2FHE9782017102106' target="_parent">
|
<a class="maths" href='https://idp-auth.gar.education.fr/domaineGar?idENT=SjA=&idEtab=MDkxMDYyNkw=&idRessource=ark%3A%2F12313%2FHE9782017102106' target="_parent">
|
||||||
<img class="maths" src="../assets/social/maths.png" alt="maths">
|
<img class="maths" src="../assets/social/maths.png" alt="maths">
|
||||||
</a>
|
</a>
|
||||||
<a class="physique" href=https://educadhoc.fr/reader/textbook/9782017102120/fxl/Page_1 target="_parent">
|
<a class="physique" href='https://idp-auth.gar.education.fr/domaineGar?idENT=SjA=&idEtab=MDkxMDYyNkw=&idRessource=ark%3A%2F12313%2FHE9782017102120' target="_parent">
|
||||||
<img class="physique" src="../assets/social/physique.png" alt="physique">
|
<img class="physique" src="../assets/social/physique.png" alt="physique">
|
||||||
</a>
|
</a>
|
||||||
<a class="histoire" href=https://manuelnumeriquemax.belin.education/histoire-premiere target="_parent">
|
<a class="histoire" href=https://manuelnumeriquemax.belin.education/histoire-premiere target="_parent">
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Accueil</title>
|
<title>Hub</title>
|
||||||
<link rel="shortcut icon" href="assets/icon2.ico">
|
<link rel="shortcut icon" href="assets/icon2.ico">
|
||||||
<link rel="stylesheet" href="css/style.css">
|
<link rel="stylesheet" href="css/style.css">
|
||||||
<script src="js/js.js"></script>
|
<script src="js/js.js"></script>
|
||||||
@ -109,7 +109,7 @@
|
|||||||
</div>
|
</div>
|
||||||
<br>
|
<br>
|
||||||
<div>
|
<div>
|
||||||
<input id="launchit" type="button" name="startit" value="minuteur" onclick="window.open( 'html/minuteur.html', 'tester',
|
<input id="minuteur" type="button" name="startit" value="Minuteur" onclick="window.open( 'html/minuteur.html', 'tester',
|
||||||
'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=650,height=650' );">
|
'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=650,height=650' );">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|