ne02ptzero.me

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

commit 6e4fa87d236f52ce9804e8d39e8c776828f7caff
parent a43fcf764232df05ba2f58c1abd30ada1c2599fa
Author: Ne02ptzero <l.solofrizzo@gmail.com>
Date:   Mon,  3 Nov 2014 12:40:34 +0100

Website MAJ

Diffstat:
Mindex.html | 70+++++++++++++++++++++++++++++++++++++++++++++++-----------------------
Amy-page/index.html | 30++++++++++++++++++++++++++++++
Amy-page/style.css | 79+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Mstyle/style.css | 55+++++++++++++++++++++++++++++++++++++++++++++++++++++--
4 files changed, 209 insertions(+), 25 deletions(-)

diff --git a/index.html b/index.html @@ -13,6 +13,9 @@ <!-- META Declaration --> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimal-ui"> + <meta name="description" content="Another useless website."> + <meta name="author" content="Louis Solofrizzo"> + <meta name="keywords" content="Louis,Solofrizzo,Ne02ptzero,illuminati"> <meta charset="utf-8"> <title>Louis</title> </head> @@ -22,32 +25,53 @@ <i class='fa fa-chevron-down' onclick="moveto('#content')"></i> </div> <div id="content"> - <p>My name is Louis Solofrizzo, and i am a developer.<br />See my works below !</p> - <div class='img'> - <img src="img/emma.png"> - <div class='p'><p>Emma & ChloƩ is a website selling jewelry box online.<br /> - This site is based on Magento.<br /><a href="http://emma-chloe.com/">Here</a></p></div> - <span class='num'>1</span> - </div> - <div class='hr'></div> - <div class='img'> - <img src="img/sophie.png"> - <div class='p'><p>A personnal website for a designer.<br /><a href="http://sophiebattin.fr">Here</a></p></div> - <span class='num'>2</span> - </div> - <div class='hr'></div> - <div class='img'> - <img src="img/msh.png"> - <div class='p'><p> MSH (MiSHell) is a very user friendly shell,<br /> w/ cool command coloration (fish-like).<br /><a href="http://github.com/Ne02ptzero/msh">Here</a></p></div> - </div> + <p class='title'>My name is Louis Solofrizzo, 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 /> - <a href="http://github.com/ne02ptzero/"><i class='fa fa-github'></i></a> - <a href="http://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/profile/view?id=340936531"><i class='fa fa-linkedin'></i></a> + <i class='fa fa-chevron-down' onclick="moveto('#contact')"></i> + </div> + <div id="contact"> + <h1>Louis Solofrizzo</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> <br /> <br /> - <a class='mail-t' href="mailto:louis@ne02ptzero.me">louis@ne02ptzero.me</a> + <a class="mail" href="mailto:louis@ne02ptzero.me">louis@ne02ptzero.me</a> </div> </body> </html> diff --git a/my-page/index.html b/my-page/index.html @@ -0,0 +1,30 @@ +<html> + <head> + <title>Louis Solofrizzo</title> + <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,900' rel='stylesheet' type='text/css'> + <link href="style.css" rel='stylesheet' type='text/css'> + <link href='http://fonts.googleapis.com/css?family=Playfair+Display:900' rel='stylesheet' type='text/css'> + <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> + <meta charset="utf8"> + </head> + <body> + <a href="https://github.com/Ne02ptzero/my-page"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"></a> + <div class='page'> + <img src="http://pbs.twimg.com/profile_images/500420412962922496/fIyyEgqr.jpeg"> + <h1>Louis Solofrizzo</h1> + <p>Linux for(s)e(r)ver, Student @42born2code && Trying to become Kernel Developper.</p> + <ul class='infos'> + <li> + <i class='fa fa-plane'></i>Paris </li> + <li> + <i class='fa fa-at'></i>louis@ne02ptzero.me </li> + </ul> + <a href="http://github.com/Ne02ptzero"><button>GITHUB</button></a> + <a href="http://twitter.com/Ne02ptzero"><button>TWITTER</button></a> + <div class='last_tweet'> + <i class='fa fa-quote-left'></i> + @pewdiepie Happy what ? <i class='fa fa-quote-right'></i> + </div> + </div> + </body> +</html> diff --git a/my-page/style.css b/my-page/style.css @@ -0,0 +1,79 @@ +/* + * Style.css for My-Page project +*/ + +html, body { + width: 100%; + height: 100%; + padding: 0; + margin: 0; + font-family: Source Sans Pro; + color: #333; +} + +.page { + padding-top: 5%; + text-align: center; +} + +.page img { + max-width: 200px; + border-radius: 100px; +} + +.page h1 { + font-family: Playfair Display; + border-bottom: 2px solid #333; + margin-left: 37%; + margin-right: 37%; + padding-bottom: 10px; + color: black; +} + +.page p { + margin-top: 1%; + font-size: 1.5em; + margin-left: 30%; + margin-right: 30%; +} +.page button { + border: 1px solid #96EBE1; + color: #96EBE1; + padding: 2px 8px; + background: white; + border-radius: 2px; + letter-spacing: .1em; + font-size: 14px; + font-weight: 400; + transition-property: color, background-color; + transition-duration: 0.3s; +} + +.page button:hover { + color: white; + background-color: #96EBE1; +} + +.page .infos { + font-size: 1.3em; + list-style: none; + margin-left: 40%; + margin-right: 30%; +} + +.page .infos li { + text-align: left; +} + +.page i { + color: #96EBE1; + margin-right: 2%; +} + +.page .last_tweet { + background: #efefef; + margin-top: 2%; + margin-right: 30%; + margin-left: 30%; + padding: 1% 3% 1% 3%; +} diff --git a/style/style.css b/style/style.css @@ -35,7 +35,6 @@ color: #DC3522; a i { font-size: 2em; - margin-right: 2%; } .mail-t i { @@ -48,7 +47,7 @@ color: #046380; color: #EFECCA; } -#home , #content { +#home , .project { height: 100%; } @@ -66,6 +65,11 @@ color: #EFECCA; height: 20%; } +.img2 { + height: 40%; + width: auto; +} + .img img { max-height: 100%; width: auto; @@ -90,3 +94,50 @@ color: #EFECCA; margin-top: 1%; margin-top: 1%; } + +.title { + margin-top: 18%; + font-size: 1.6em; +} + +#content i { + margin-top: 10%; + font-size: 2em; +} + +.project h1 { + padding-top: 2%; + font-size: 2em; + font-style: normal; + font-weight: 500; +} + +.project p { + margin-left: 20%; + margin-right: 20%; + margin-bottom: 4%; +} + +.project .no-margin { + margin-bottom: 0; +} + +.project img { + margin-top: 2%; + margin-bottom: 1%; +} + +.project i { + font-size: 2em; + margin-top: 4%; +} + +#contact { + height: 100%; + padding-top: 6%; +} + +#contact a i { + margin-right: 1%; + margin-left: 1%; +}