mirror of
https://github.com/appen-isen/site-interpromos.git
synced 2026-01-18 16:37:33 +01:00
suppression du site personnel de Ewann
This commit is contained in:
sehnryr
@@ -1,7 +0,0 @@
|
||||
<HTML>
|
||||
<link href="source\style\style.css" rel="stylesheet">
|
||||
<HEAD> <TITLE>le swag</TITLE> </HEAD>
|
||||
<BODY style ="background-color: black;">
|
||||
<a href="sommaire.html" ><IMG SRC="source\images\smiley_sunglasses.gif" class="center"></a>
|
||||
</BODY>
|
||||
</HTML>
|
||||
@@ -1,33 +0,0 @@
|
||||
<html>
|
||||
<link href="source\style\style.css" rel="stylesheet">
|
||||
<head><title>sommaire</title></head>
|
||||
<BODY style="background-image: url('source/images/background.jpg');">
|
||||
<a id="txt">Bonsoir, bienvenue sur mon site de test</a>
|
||||
<a id="undertxt">Veuillez ne pas trop tenir rigueur de ce qui est présent ici</a>
|
||||
<div id="wrap">
|
||||
<header class="header">
|
||||
<nav class="nav">
|
||||
<a href="#wrap" id="open">
|
||||
<svg version="1.1" x="0px" y="0px" width="34px" height="27px" viewBox="0 0 34 27" enable-background="new 0 0 34 27" xml:space="preserve">
|
||||
<rect fill="#FFFFFF" width="34" height="4"/>
|
||||
<rect y="11" fill="#FFFFFF" width="34" height="4"/>
|
||||
<rect y="23" fill="#FFFFFF" width="34" height="4"/>
|
||||
</svg>
|
||||
</a>
|
||||
<a href="#" id="close">X</a>
|
||||
<h1><a href="#">Un cool sommaire !</a></h1>
|
||||
<a href="source\images\shrek-dance.gif">ca ne va pas ? alors clique ici </a>
|
||||
<a href="#">non</a>
|
||||
<a href="#">oui</a>
|
||||
<a href="whiteboard.html">Le whiteboard !</a>
|
||||
<a href="source\images\image cool.jpg">image quelconque</a>
|
||||
<a href="source\images\EWANN SWAG.png">qui suis-je ?</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main class="main">
|
||||
</div>
|
||||
|
||||
|
||||
</BODY>
|
||||
|
||||
</html>
|
||||
@@ -1,155 +0,0 @@
|
||||
var TempCurve = []
|
||||
const CurveList = []
|
||||
window.onload = function() {
|
||||
|
||||
var myCanvas = document.getElementById("myCanvas");
|
||||
var ctx = myCanvas.getContext("2d");
|
||||
|
||||
var modal = document.getElementById("PromptHelp");
|
||||
var btn = document.getElementById('ButtonHelp');
|
||||
var btnBack = document.getElementById("BackButton");
|
||||
var span = document.getElementsByClassName("close")[0];
|
||||
|
||||
|
||||
// Fill Window Width and Height
|
||||
myCanvas.width = window.innerWidth;
|
||||
myCanvas.height = window.innerHeight;
|
||||
|
||||
|
||||
//button things
|
||||
btnBack.onclick = function(){
|
||||
ctrz()
|
||||
}
|
||||
//open
|
||||
btn.onclick = function() {
|
||||
console.log("prompt modal");
|
||||
modal.style.display = "block";
|
||||
|
||||
}
|
||||
//close on X
|
||||
span.onclick = function() {
|
||||
console.log("quit via x");
|
||||
modal.style.display = "none";
|
||||
|
||||
}
|
||||
//close when outside
|
||||
window.onclick = function(event) {
|
||||
if (event.target == modal) {
|
||||
console.log("quit via outside");
|
||||
modal.style.display = "none";
|
||||
}
|
||||
}
|
||||
|
||||
// Set Background Color
|
||||
ctx.fillStyle="#fff";
|
||||
ctx.fillRect(0,0,myCanvas.width,myCanvas.height);
|
||||
|
||||
|
||||
function ctrz(){
|
||||
console.log('control + z');
|
||||
CurveList.pop();
|
||||
//suppr everything
|
||||
ctx.clearRect(0, 0, myCanvas.width, myCanvas.height);
|
||||
//redraw
|
||||
for(let i=0;i<CurveList.length;i++){
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(CurveList[i][0], CurveList[i][1]);
|
||||
for(const elem of CurveList[i]){
|
||||
console.log(elem);
|
||||
ctx.lineTo(elem[0],elem[1])
|
||||
}
|
||||
ctx.stroke();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
// Mouse Event Handlers
|
||||
if(myCanvas){
|
||||
var isDown = false;
|
||||
var canvasX, canvasY;
|
||||
ctx.lineWidth = 5;
|
||||
|
||||
$(document).keydown(function(e){
|
||||
if( e.which === 90 && e.ctrlKey){
|
||||
ctrz()
|
||||
}
|
||||
})
|
||||
|
||||
|
||||
$(myCanvas)
|
||||
.mousedown(function(e){
|
||||
TempCurve.push(new Array(e.clientX,e.clientY));
|
||||
isDown = true;
|
||||
ctx.beginPath();
|
||||
canvasX = e.pageX - myCanvas.offsetLeft;
|
||||
canvasY = e.pageY - myCanvas.offsetTop;
|
||||
ctx.moveTo(canvasX, canvasY);
|
||||
})
|
||||
.mousemove(function(e){
|
||||
if(isDown !== false) {
|
||||
TempCurve.push(new Array(e.clientX,e.clientY));
|
||||
canvasX = e.pageX - myCanvas.offsetLeft;
|
||||
canvasY = e.pageY - myCanvas.offsetTop;
|
||||
ctx.lineTo(canvasX, canvasY);
|
||||
ctx.strokeStyle = "#000";
|
||||
ctx.stroke();
|
||||
}
|
||||
})
|
||||
.mouseup(function(e){
|
||||
if(TempCurve.length > 5){
|
||||
CurveList.push(TempCurve);
|
||||
}
|
||||
TempCurve = [];
|
||||
onmousemove = null;
|
||||
isDown = false;
|
||||
ctx.closePath();
|
||||
});
|
||||
}
|
||||
|
||||
// Touch Events Handlers
|
||||
draw = {
|
||||
started: false,
|
||||
start: function(evt) {
|
||||
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(
|
||||
evt.touches[0].pageX,
|
||||
evt.touches[0].pageY
|
||||
);
|
||||
|
||||
this.started = true;
|
||||
|
||||
},
|
||||
move: function(evt) {
|
||||
|
||||
if (this.started) {
|
||||
ctx.lineTo(
|
||||
evt.touches[0].pageX,
|
||||
evt.touches[0].pageY
|
||||
);
|
||||
|
||||
ctx.strokeStyle = "#000";
|
||||
ctx.lineWidth = 5;
|
||||
ctx.stroke();
|
||||
}
|
||||
|
||||
},
|
||||
end: function(evt) {
|
||||
this.started = false;
|
||||
},
|
||||
cancel: function(evt){
|
||||
|
||||
}
|
||||
};
|
||||
|
||||
// Touch Events
|
||||
myCanvas.addEventListener('touchstart', draw.start, false);
|
||||
myCanvas.addEventListener('touchend', draw.end, false);
|
||||
myCanvas.addEventListener('touchmove', draw.move, false);
|
||||
|
||||
// Disable Page Move
|
||||
document.body.addEventListener('touchmove',function(evt){
|
||||
evt.preventDefault();
|
||||
},false);
|
||||
};
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 58 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 80 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 148 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 20 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.9 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 MiB |
@@ -1,82 +0,0 @@
|
||||
.center {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: black;
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
|
||||
|
||||
#wrap {
|
||||
font-family: sans-serif;
|
||||
font-size: 20px;
|
||||
line-height: 1.6;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
color: #f00;
|
||||
transition: transform .4s cubic-bezier(.25, .1, .25, 1);
|
||||
}
|
||||
|
||||
#wrap:not(:target) {
|
||||
transform: translate3d(-335px, 0, 0);
|
||||
}
|
||||
|
||||
#wrap:target {
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
#open,
|
||||
#close {
|
||||
height: 44px;
|
||||
text-align: right;
|
||||
display: block;
|
||||
margin-right: -30px;
|
||||
}
|
||||
|
||||
#wrap:target #open,
|
||||
#wrap:not(:target) #close {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#wrap:target #open {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nav a {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.header {
|
||||
background: rgb(81, 118, 173);
|
||||
width: 350px;
|
||||
padding: 0 20px;
|
||||
height: 100vh;
|
||||
display:inline-block;
|
||||
vertical-align:top;
|
||||
}
|
||||
|
||||
.nav {
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
.main {
|
||||
padding: 25px;
|
||||
flex: 1;
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
p {
|
||||
max-width: 590px;
|
||||
color:rgb(224, 224, 224);
|
||||
}
|
||||
@@ -1,97 +0,0 @@
|
||||
.center {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
body {
|
||||
overflow: hidden;
|
||||
height: 100%;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#txt{
|
||||
font-size: 100px;
|
||||
color: aliceblue;
|
||||
font-family: 'Times New Roman', Times, serif;
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
top: 40px; left:100px;
|
||||
}
|
||||
|
||||
#undertxt{
|
||||
font-size: 40px;
|
||||
color:blanchedalmond;
|
||||
font-family: 'Times New Roman', Times, serif;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
top: 240px; left:150px;
|
||||
}
|
||||
|
||||
#wrap {
|
||||
font-family: sans-serif;
|
||||
font-size: 20px;
|
||||
line-height: 1.6;
|
||||
margin: 0;
|
||||
display: flex;
|
||||
color: #f00;
|
||||
transition: transform .4s cubic-bezier(.25, .1, .25, 1);
|
||||
}
|
||||
|
||||
#wrap:not(:target) {
|
||||
transform: translate3d(-335px, 0, 0);
|
||||
}
|
||||
|
||||
#wrap:target {
|
||||
transform: translate3d(0, 0, 0);
|
||||
}
|
||||
|
||||
#open,
|
||||
#close {
|
||||
height: 44px;
|
||||
text-align: right;
|
||||
display: block;
|
||||
margin-right: -30px;
|
||||
}
|
||||
|
||||
#wrap:target #open,
|
||||
#wrap:not(:target) #close {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#wrap:target #open {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nav a {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.header {
|
||||
background: rgb(81, 118, 173);
|
||||
width: 350px;
|
||||
padding: 0 20px;
|
||||
height: 100vh;
|
||||
display:inline-block;
|
||||
vertical-align:top;
|
||||
}
|
||||
|
||||
.nav {
|
||||
padding: 25px;
|
||||
}
|
||||
|
||||
.main {
|
||||
padding: 25px;
|
||||
flex: 1;
|
||||
display:inline-block;
|
||||
}
|
||||
|
||||
p {
|
||||
max-width: 590px;
|
||||
color:rgb(224, 224, 224);
|
||||
}
|
||||
@@ -1,99 +0,0 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
overflow:hidden;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body, html {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
||||
#myCanvas {
|
||||
cursor: crosshair;
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.container {
|
||||
overflow:visible;
|
||||
top: 5%;
|
||||
width: fit-content;
|
||||
position: relative;
|
||||
|
||||
}
|
||||
|
||||
.HelpButton {
|
||||
object-fit: scale-down;
|
||||
position: relative;
|
||||
left: 85vw;
|
||||
top: 5%;
|
||||
width: 75px;
|
||||
height: 75px;
|
||||
border-radius: 150px;
|
||||
color: rgb(104, 96, 96);
|
||||
cursor: pointer;
|
||||
box-shadow: 0 5px 12px rgba(83, 82, 82, 0.7);
|
||||
}
|
||||
.HelpButton:hover {
|
||||
background: rgba(133, 128, 128);
|
||||
}
|
||||
.ButtonBack{
|
||||
object-fit: scale-down;
|
||||
position: relative;
|
||||
left: 50%;
|
||||
top: 5%;
|
||||
width: 75px;
|
||||
height: 75px;
|
||||
border-radius: 150px;
|
||||
color: rgb(104, 96, 96);
|
||||
cursor: pointer;
|
||||
box-shadow: 0 5px 12px rgba(83, 82, 82, 0.7);
|
||||
}
|
||||
.ButtonBack:hover {
|
||||
background: rgba(133, 128, 128);
|
||||
}
|
||||
|
||||
.PromptHelp{
|
||||
display: none; /* Hidden by default */
|
||||
position: fixed; /* Stay in place */
|
||||
z-index: 1; /* Sit on top */
|
||||
padding-top: 100px; /* Location of the box */
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%; /* Full width */
|
||||
height: 100%; /* Full height */
|
||||
overflow: auto; /* Enable scroll if needed */
|
||||
background-color: rgb(0,0,0); /* Fallback color */
|
||||
background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
|
||||
}
|
||||
.prompt-content{
|
||||
background-color: #fefefe;
|
||||
margin: 5% auto; /* 15% from the top and centered */
|
||||
padding: 20px;
|
||||
border: 1px solid #888;
|
||||
width: 80%; /* Could be more or less, depending on screen size */
|
||||
height: 60%;
|
||||
}
|
||||
.close{
|
||||
color: #aaa;
|
||||
float: right;
|
||||
font-size: 28px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.close:hover,
|
||||
.close:focus {
|
||||
position: relative;
|
||||
color: black;
|
||||
text-decoration: none;
|
||||
cursor: pointer;
|
||||
}
|
||||
#HelpTxtTitle{
|
||||
font: 3em Arial;
|
||||
font-weight: bold;
|
||||
}
|
||||
#HelpTxt{
|
||||
font:2em Arial;
|
||||
|
||||
}
|
||||
@@ -1,37 +0,0 @@
|
||||
<head>
|
||||
<meta charset="utf_8">
|
||||
<title>Yahou</title>
|
||||
<link rel="stylesheet" href="source\style\whiteboardStyle.css"></style>
|
||||
<script type="text/JavaScript" src="source\Script\app.js"></script>
|
||||
<script type="text/JavaScript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2"></script>
|
||||
</head>
|
||||
<body>
|
||||
<canvas id="myCanvas">
|
||||
Sorry, your browser does not support HTML5 canvas technology.
|
||||
</canvas>
|
||||
<div class="container">
|
||||
<button id="BackButton" class="ButtonBack">
|
||||
<img id ="img" src="source\images\BackArrow.png" height="75%" object-fit: />
|
||||
</button>
|
||||
|
||||
<button id="ButtonHelp" class="HelpButton">
|
||||
<img id ="img" src="source\images\interrogation.png" height="75%" object-fit: />
|
||||
</button>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div id="PromptHelp" class="PromptHelp">
|
||||
<div class="prompt-content">
|
||||
<span class="close">×</span>
|
||||
<p id="HelpTxtTitle">Keske kecé que ce truc ?</p>
|
||||
<a id="HelpTxt">Voici un petit site dans lequel vous pouvez dessinez grace a votre souris ! Vous pouvez également
|
||||
annuler vos traits précédents grâce au CTRL+Z ou encore grâce au bouton </a><img src="source\images\BackArrow.png" align="center" width="5%" height="15%" >
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user