ne02ptzero.me

my old website
Log | Files | Refs | LICENSE | git clone https://git.ne02ptzero.me/git/ne02ptzero.me

commit a48f88e15bbcf468dfa7c1fd7718dfe002895ca0
parent 4e8050939ad46acd081c639db6f9c13720003c29
Author: Ne02ptzero <louis@ne02ptzero.me>
Date:   Mon,  4 Jul 2016 16:18:48 +0200

Fix(Site)

Diffstat:
Acv.pdf | 0
Dgrog-like.gif | 0
Mindex.html | 46+---------------------------------------------
Mstyle/style.css | 2+-
Dwtf/audio.mp3 | 0
Dwtf/index.html | 201-------------------------------------------------------------------------------
6 files changed, 2 insertions(+), 247 deletions(-)

diff --git a/cv.pdf b/cv.pdf Binary files differ. diff --git a/grog-like.gif b/grog-like.gif Binary files differ. diff --git a/index.html b/index.html @@ -21,55 +21,11 @@ <title>Louis</title> </head> <body> - <div id="home"> - <h1>Hi !</h1> - <i class='fa fa-chevron-down' onclick="moveto('#content')"></i> - </div> - <div id="content"> - <p class='title'>My name is Louis, and i am a developer.<br />See my works below !</p> - <i class='fa fa-chevron-down' onclick="moveto('#emma')"></i> - </div> - <div id="emma" class='project'> - <h1>Emma & ChloƩ</h1> - <img class='img' src="img/emma.png"> - <p>Emma & Chloe is a site that sells jewelry box or in the shop. - The site runs on Magento and despite the limitation of technology, Solicitating on recurring profiles, we managed to get a stable and functional site.</p> - <a href="https://emma-chloe.com">Website</a> - <br /> - <i class='fa fa-chevron-down' onclick="moveto('#msh')"></i> - </div> - <div id="msh" class='project'> - <h1>MSH</h1> - <img class="img" src="https://raw.githubusercontent.com/Ne02ptzero/msh/master/screens/screen5.png"> - <p>Msh is a colorful shell to help beginners in learning Linux, but also to confirm that users desire to enjoy a visual comfort.<br /> - There is a powerful syntaxic highlighting, and also a complete autocompletion.</p> - <a href="https://github.com/Ne02ptzero/msh"><i class="fa fa-github"></i></a> - <br /> - <i class='fa fa-chevron-down' onclick="moveto('#my-page')"></i> - </div> - <div id="my-page" class="project"> - <h1>My Page</h1> - <img class="img2" src="https://camo.githubusercontent.com/f72ee5bb47ceb81bc43e964d6b543a63cdb65279/687474703a2f2f7332392e706f7374696d672e6f72672f6739737375667378332f6d795f706167652e706e67"> - <p class="no-margin">A small website generator, based on Twitter API</p> - <a href="https://github.com/Ne02ptzero/my-page"><i class="fa fa-github"></i></a> - <a style="margin-left: 1%" href="my-page/">Website</a> - <br /> - <i class='fa fa-chevron-down' onclick="moveto('#lplayer')"></i> - </div> - <div id="lplayer" class="project"> - <h1>lplayer</h1> - <i style="font-size: 5em" class="fa fa-headphones"></i> - <p>A deamon music player on Linux.</p> - <a href="https://github.com/Ne02ptzero/lplayer"><i class="fa fa-github"></i></a> - <br /> - <i class='fa fa-chevron-down' onclick="moveto('#contact')"></i> - </div> <div id="contact"> <h1>Louis</h1> <a href="https://github.com/ne02ptzero/"><i class="fa fa-github"></i></a> - <a href="https://facebook.com/ne02ptzero"><i class="fa fa-facebook"></i></a> <a href="http://twitter.com/ne02ptzero"><i class="fa fa-twitter"></i></a> - <a href="https://www.linkedin.com/pub/louis-solofrizzo/96/219/297"><i class="fa fa-linkedin"></i></a> + <a href='cv.pdf'><i class="fa fa-file-pdf-o"></i></a> <br /> <br /> <a class="mail" href="mailto:louis@ne02ptzero.me">louis@ne02ptzero.me</a> diff --git a/style/style.css b/style/style.css @@ -15,6 +15,7 @@ html, body { width: 100%; margin: 0; padding: 0; + position: fixed; } h1 { @@ -134,7 +135,6 @@ color: #EFECCA; #contact { height: 100%; - padding-top: 6%; } #contact a i { diff --git a/wtf/audio.mp3 b/wtf/audio.mp3 Binary files differ. diff --git a/wtf/index.html b/wtf/index.html @@ -1,201 +0,0 @@ -<!DOCTYPE HTML> - -<html> - <head> - <title>WTF</title> - <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" /> - <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> - <script type="text/javascript"> - jQuery.fn.rotate = function(angle,whence) { - var p = this.get(0); - - // we store the angle inside the image tag for persistence - if (!whence) { - p.angle = ((p.angle==undefined?0:p.angle) + angle) % 360; - } else { - p.angle = angle; - } - - if (p.angle >= 0) { - var rotation = Math.PI * p.angle / 180; - } else { - var rotation = Math.PI * (360+p.angle) / 180; - } - var costheta = Math.cos(rotation); - var sintheta = Math.sin(rotation); - - if (document.all && !window.opera) { - var canvas = document.createElement('img'); - - canvas.src = p.src; - canvas.height = p.height; - canvas.width = p.width; - - canvas.style.filter = "progid:DXImageTransform.Microsoft.Matrix(M11="+costheta+",M12="+(-sintheta)+",M21="+sintheta+",M22="+costheta+",SizingMethod='auto expand')"; - } else { - var canvas = document.createElement('canvas'); - if (!p.oImage) { - canvas.oImage = new Image(); - canvas.oImage.src = p.src; - } else { - canvas.oImage = p.oImage; - } - - canvas.style.width = canvas.width = Math.abs(costheta*canvas.oImage.width) + Math.abs(sintheta*canvas.oImage.height); - canvas.style.height = canvas.height = Math.abs(costheta*canvas.oImage.height) + Math.abs(sintheta*canvas.oImage.width); - - var context = canvas.getContext('2d'); - context.save(); - if (rotation <= Math.PI/2) { - context.translate(sintheta*canvas.oImage.height,0); - } else if (rotation <= Math.PI) { - context.translate(canvas.width,-costheta*canvas.oImage.height); - } else if (rotation <= 1.5*Math.PI) { - context.translate(-costheta*canvas.oImage.width,canvas.height); - } else { - context.translate(0,-sintheta*canvas.oImage.width); - } - context.rotate(rotation); - context.drawImage(canvas.oImage, 0, 0, canvas.oImage.width, canvas.oImage.height); - context.restore(); - } - canvas.id = p.id; - canvas.angle = p.angle; - p.parentNode.replaceChild(canvas, p); -} - -jQuery.fn.rotateRight = function(angle) { - this.rotate(angle==undefined?90:angle); -} - -jQuery.fn.rotateLeft = function(angle) { - this.rotate(angle==undefined?-90:-angle); -} - - - </script> - <script> - current = res = 0; - function rotateLOL() { - rotate = Math.floor((Math.random() * 90) + 500); - if (current == 0) { - rotate = -rotate; - current = 1; - } else { - current = 0; - } - $("body .main").rotate({animateTo: rotate, callback: rotateLOL, duration: 3000}); - } - - function resize() { - height = width = 500; - if (res == 0) { - height = width = 200; - res = 1; - } else - res = 0; - $("body .main").animate({height: height, width: width}, 2000, resize); - $("body .grow").animate({height: height, width: width}, 2000, resize); - } - - function background() { - color = Math.floor((Math.random() * 7) + 1); - switch (color) { - case 1: colorString = "black"; break; - case 2: colorString = "white"; break; - case 3: colorString = "red"; break; - case 4: colorString = "yellow"; break; - case 5: colorString = "purple"; break; - case 6: colorString = "blue"; break; - case 7: colorString = "Orange"; break; - } - $("body").css({"background-color": colorString}); - setTimeout(function(){ - background(); - }, 100); - } - - function img() { - $("body").append("<div id='lol' style='position: fixed'><img src='http://25.media.tumblr.com/tumblr_mc351hVQPQ1qf021po1_500.gif'></div>"); - } - - function textLOL() { - text = Math.floor((Math.random() * 7) + 1); - switch (text) { - case 1: string = "OMMMMMMMMMMMMMMMMGGGGGGGG !!!111"; break; - case 2: string = "#3fab5u"; break; - case 3: string = "360noscopeMLG"; break; - case 4: string = "SUCH WOW"; break; - case 5: string = "HEAAAAADSHOT"; break; - case 6: string = "TAKE THAT BITCH"; break; - case 7: string = "ILLUMINAAAATI"; break; - } - $(".text").html(string); - setTimeout(function(){ - textLOL(); - }, 2000); - } - - function colorLOL() { - var newColor = '#'+(0x1000000+(Math.random())*0xffffff).toString(16).substr(1,6); - $(".text").animate({color: newColor}, 200, colorLOL); - } - - function ittanimulli() { - $("body").append("<div class='evrywhere grow' style='position: fixed; right: 10%; top: 15%;'><img src='http://img3.wikia.nocookie.net/__cb20140811072057/rwbyfanon/images/7/78/Illuminati-Logo.png'></div>"); - } - - function sunglasses() { - $("body").append("<div class='dealwithit' style='position: fixed; top: 0; display: none;'><img style='width: 400px; height: auto' src='http://i.imgur.com/nGjvR.png'></div>"); - $("body .dealwithit").show(2000).delay(2000).hide(500); - setTimeout(function(){ - sunglasses(); - }, 10000); - } - - function makeitrain() { - classsss = Math.floor((Math.random() * 5000) + 1); - img = (Math.floor((Math.random() * 7000000) + 1) * classsss) % 7; - switch (text) { - case 1: string = "http://i625.photobucket.com/albums/tt332/cella3000/doritos.png"; break; - case 2: string = "http://img1.wikia.nocookie.net/__cb20120223231746/mountaindew/images/2/20/CANDIDEW.png"; break; - case 3: string = "http://cod.esportspedia.com/w/images/archive/0/0b/20140612045242!MLG.png"; break; - case 4: string = "http://kepki.prostoprint.com/static/products/full-d9850b896a6e4f7a2f0fab9a8a7f7b7e.png"; break; - case 5: string = "http://img3.wikia.nocookie.net/__cb20140324033150/trollpasta/images/8/84/Sweg_Feg.png"; break; - case 6: string = "http://img1.wikia.nocookie.net/__cb20140808001953/dogkids-wiki-of-wonder/images/0/05/Doge.png"; break; - case 7: string = "http://www.logotypes101.com/logos/66/FB3D0EB4B77EB6998208EDD1814717E8/McDonalds.png"; break; - } - classsss = Math.floor((Math.random() * 5000) + 1); - position = Math.floor((Math.random() * 100) + 1); - $("body").append("<div class='lulz"+classsss+"' style='position: fixed; top: 0;left:"+position+"%'><img src='"+string+"'></div>"); - $("body .lulz"+classsss).animate({bottom: "-100%", top: "100%"}, 1000); - setTimeout(function() { - makeitrain(); - }, 1000); - } - - $(document).ready(function() { - var audioElement = document.createElement('audio'); - audioElement.setAttribute('src', 'audio.mp3'); - audioElement.setAttribute('autoplay', 'autoplay'); - audioElement.load() - audioElement.addEventListener("load", function() { - audioElement.play(); - }, true); - resize(); - rotateLOL(); - background(); - img(); - textLOL(); - colorLOL(); - ittanimulli(); - sunglasses(); - makeitrain(); - }); - </script> - </head> - <body style='text-align: center'> - <div class='text' style='text-align: center; position: fixed; width: 100%; top: 40%; z-index: 9999; font-size: 4em; font-weight: bold'></div> - <img class="main" src="http://apprendre-la-photo.fr/wp-content/uploads/2011/12/sharbatgulajf4.jpg"> - </body> -</html>