diff options
| -rw-r--r-- | index.html | 46 | ||||
| -rw-r--r-- | installation.html | 38 | ||||
| -rw-r--r-- | style.css | 70 |
3 files changed, 154 insertions, 0 deletions
diff --git a/index.html b/index.html new file mode 100644 index 0000000..214328c --- /dev/null +++ b/index.html @@ -0,0 +1,46 @@ +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"> + <head> + <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8"> + <link rel="stylesheet" type="text/css" href="style.css"> + <title>MaiLÖVE</title> + </head> + <body> + + <header> + Image + </header> + <br/> + + <div id="sidebar"> + <div id="menu"> + <a href="index.html">Accueil</a><br/> + <a href="installation.html">Installation</a><br/> + <a href="aide.html">Aide</a><br/> + </div> + <br/> + <div id="screenshots"> + Images IG + </div> + </div> + + + <article> + <br/> + <div id="entree"> + <titre>Présentation:</titre> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam imperdiet tellus at massa laoreet tempor. Duis aliquam elit ornare imperdiet lacinia. In ac est sit amet neque mollis feugiat. Nullam auctor convallis ante in congue. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin a luctus sapien. Suspendisse id molestie lectus. Nam euismod arcu porta libero pretium, at porttitor nibh mattis. Nulla facilisi. Praesent eget sem at nulla vehicula mattis. Sed est leo, convallis ac libero a, gravida bibendum mauris. Duis tempor velit vitae convallis tempus. Sed et tortor pellentesque, tempus libero a, tincidunt purus. Integer vehicula, massa in vehicula hendrerit, mi elit congue dui, a feugiat nunc nisi ut dolor. + </div><br/> + <div id="entree"> + <titre>Test:</titre> Cras at massa convallis, dapibus arcu vestibulum, tincidunt mauris. Morbi scelerisque porta nunc. Morbi et tincidunt lectus, vel consectetur nibh. Nullam gravida, leo ut tempus aliquet, lorem sapien scelerisque eros, at tristique lorem lorem et urna. Pellentesque non iaculis nisl. Maecenas non est a tortor eleifend iaculis. Donec commodo felis ut scelerisque hendrerit. Ut et massa rhoncus, interdum massa pellentesque, rhoncus enim. Phasellus nec congue lacus. Duis eget fringilla mi. + </div><br/> + <div id="entree"> + <titre>Miaou:</titre> Donec imperdiet libero vel accumsan congue. Integer elit velit, pellentesque vitae iaculis ut, posuere ut dui. Suspendisse potenti. Donec sollicitudin, lectus eget rutrum iaculis, lectus lorem cursus lectus, sed condimentum turpis risus non enim. Praesent purus nisl, viverra sed facilisis eget, tempus in nisl. Nunc a diam sit amet odio dictum pretium. Donec eleifend sapien nulla, id lobortis felis ultricies ac. Mauris malesuada dapibus vestibulum. Integer rhoncus, risus egestas euismod lobortis, orci augue lobortis leo, posuere volutpat magna massa eu dolor. In fringilla scelerisque justo, vel vehicula sem hendrerit vitae. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. + </div><br/> + </article> + <br/> + <br/> + <footer> + <center>Un jeu par <a href="piernov.org">piernov</a></center> + </footer> + + </body> +</html> diff --git a/installation.html b/installation.html new file mode 100644 index 0000000..5959c00 --- /dev/null +++ b/installation.html @@ -0,0 +1,38 @@ +<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"> + <head> + <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8"> + <link rel="stylesheet" type="text/css" href="style.css"> + <title>MaiLÖVE</title> + </head> + <body> + <header> + Image + </header> + <br/> + + <div id="sidebar"> + <div id="menu"> + <a href="index.html">Accueil</a><br/> + <a href="installation.html">Installation</a><br/> + <a href="aide.html">Aide</a><br/> + </div> + <br/> + <div id="screenshots"> + Images IG + </div> + </div> + + <article> + <p><titre>Android:</titre><br/> + Bientôt disponible sur le play store !<br/> + En attendant, téléchargez le ici : <a style="color:red" href="mailove.apk">mailove.apk</a> (Pensez à activer les sources inconnues dans les options developpeurs.)</p> + <p><titre>Windows Phone:</titre><br/> + Peut-être un jour.</p> + <p><titre>iPhone/iPad:</titre><br/> + Veuillez d'abord nous payer la license dev, et après on verra, bande de connards.</p> + <p><titre>Sources:</titre><br/> + Dépot git : <a href="http://git.piernov.org/MaiL%C3%96VE/">Chez piernov</a></p> + </article> + + </body> +</html> diff --git a/style.css b/style.css new file mode 100644 index 0000000..91911bc --- /dev/null +++ b/style.css @@ -0,0 +1,70 @@ +body{ + background-color: Gainsboro; +} + + +titre{ + font-size: 1.8em; + text-decoration: underline; + color: gray; +} + +header{ + margin-left: 20em; + width: 70%; + height: 5em; + border-style: solid; + border-width: 1px; + border-color: black; + border-radius: 1em; +} + +div#sidebar{ + float: left; + width: 13em; +} + +div#menu{ + width: 13em; + border-style: solid; + border-width: 1px; + border-color: black; + border-radius: 1em; + padding: 0.5em; +} + +div#screenshots{ + width: 13em; + border-style: solid; + border-width: 1px; + border-color: black; + border-radius: 0.5em; +} + +article{ + border-style: solid; + border-width: 1px; + border-color: red; + margin-left: 15em; + } + +div#entree{ + background-color: white; + border-style: solid; + border-width: 1px; + border-radius: 1em; + margin-left: 2em; + margin-right: 2em; + padding: 1em; +} + +footer{ + margin-left: 20%; + margin-right: 20%; + border-style: solid; + border-width: 1px; + border-radius: 2em; +} + + + |