| @ -1,70 +0,0 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <title>Kiwi Calendar</title> | |||
| <meta charset="utf-8" /> | |||
| <link rel="stylesheet" href="./main.css" /> | |||
| <link rel="stylesheet" href="./event.css" /> | |||
| <link rel="icon" type="image/png" href="favicon.png" /> | |||
| <!--[if IE]><link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /><![endif]--> | |||
| </head> | |||
| <body> | |||
| <header id="title"> | |||
| <img alt="logo ESIR" src="./images/esir.png" /> | |||
| <img class="rightLogo" alt="logo Kiwi" src="./images/KiWiCalendar.png" /> | |||
| </header> | |||
| <div id="descEvent"> | |||
| <h1>17 Avril 2015</h1> | |||
| <div id="event"> | |||
| <h2>Titre de l'évènement</h2> | |||
| <div id="dateLieu">8h00 - 10h00. ESIR</div> | |||
| <div id="descfull">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</div> | |||
| <div id="More"><a href="">En savoir +</a></div> | |||
| </div> | |||
| <div id="event"> | |||
| <h2>Titre de l'évènement</h2> | |||
| <div id="dateLieu">8h00 - 10h00. ESIR</div> | |||
| <div id="descfull">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</div> | |||
| <div id="More"><a href="">En savoir +</a></div> | |||
| </div> | |||
| <div id="event"> | |||
| <h2>Titre de l'évènement</h2> | |||
| <div id="dateLieu">8h00 - 10h00. ESIR</div> | |||
| <div id="descfull">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</div> | |||
| <div id="More"><a href="">En savoir +</a></div> | |||
| </div> | |||
| <div id="event"> | |||
| <h2>Titre de l'évènement</h2> | |||
| <div id="dateLieu">8h00 - 10h00. ESIR</div> | |||
| <div id="descfull">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</div> | |||
| <div id="More"><a href="">En savoir +</a></div> | |||
| </div> | |||
| <div id="event"> | |||
| <h2>Titre de l'évènement</h2> | |||
| <div id="dateLieu">8h00 - 10h00. ESIR</div> | |||
| <div id="descfull">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</div> | |||
| <div id="More"><a href="">En savoir +</a></div> | |||
| </div> | |||
| <div id="event"> | |||
| <h2>Titre de l'évènement</h2> | |||
| <div id="dateLieu">8h00 - 10h00. ESIR</div> | |||
| <div id="descfull">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</div> | |||
| <div id="More"><a href="">En savoir +</a></div> | |||
| </div> | |||
| <div id="event"> | |||
| <h2>Titre de l'évènement</h2> | |||
| <div id="dateLieu">8h00 - 10h00. ESIR</div> | |||
| <div id="descfull">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</div> | |||
| <div id="More"><a href="">En savoir +</a></div> | |||
| </div> | |||
| </div> | |||
| </body> | |||
| </html> | |||
| @ -1,39 +0,0 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <title>Kiwi Calendar</title> | |||
| <meta charset="utf-8" /> | |||
| <link rel="stylesheet" href="./main.css" /> | |||
| <link rel="stylesheet" href="./event.css" /> | |||
| <link rel="icon" type="image/png" href="favicon.png" /> | |||
| <!--[if IE]><link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /><![endif]--> | |||
| </head> | |||
| <body> | |||
| <header id="title"> | |||
| <img alt="logo ESIR" src="./images/esir.png" /> | |||
| <img class="rightLogo" alt="logo Kiwi" src="./images/KiWiCalendar.png" /> | |||
| </header> | |||
| <div id="descEvent"> | |||
| <h1>Évènement exemple</h1> | |||
| <h2>Date et lieu</h2> | |||
| <div id="dateheure">Le mercredi 1 avril 2015 de 19h00 à 0h00.</div> | |||
| <div id="lieu">ESIR, Rennes</div> | |||
| <div id="map"><img src="map.png" width="100%"></div> | |||
| <h2>Description</h2> | |||
| <div id="image"><img src="http://isati.istic.univ-rennes1.fr/assets/images/isati.png" width="100%"> | |||
| </div> | |||
| <div id="description">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. | |||
| </div> | |||
| <h2>Informations</h2> | |||
| <div id="URL">URL : <a href="http://esir.univ-rennes1.fr/">http://esir.univ-rennes1.fr/</a> | |||
| </div> | |||
| <div id="Contact">Contact : <a href="mailto:contact@esir.univ-rennes1.fr">contact@esir.univ-rennes1.fr</a> | |||
| </div> | |||
| </div> | |||
| </body> | |||
| </html> | |||
| @ -1,165 +0,0 @@ | |||
| <!DOCTYPE html> | |||
| <html> | |||
| <head> | |||
| <title>Kiwi Calendar</title> | |||
| <meta charset="utf-8" /> | |||
| <link rel="stylesheet" href="./index.css" /> | |||
| <link rel="stylesheet" href="./main.css" /> | |||
| <link rel="icon" type="image/png" href="favicon.png" /> | |||
| <!--[if IE]><link rel="shortcut icon" type="image/x-icon" href="favicon.ico" /><![endif]--> | |||
| </head> | |||
| <body> | |||
| <header id="title"> | |||
| <a id="hamburgerButton" href="#"><img alt="menu" src="./images/menu.png" /></a> | |||
| <img alt="logo ESIR" src="./images/esir.png" /> | |||
| <img class="rightLogo" alt="logo Kiwi" src="./images/KiWiCalendar.png" /> | |||
| </header> | |||
| <nav id="hamburgerMenu"> | |||
| <a id="ancherESIR" href="#ESIR" onclick="alert('Click on ESIR');"> | |||
| <div class="onglet" id="onglet-esir"> | |||
| Esir | |||
| </div> | |||
| </a> | |||
| <a id="ancherRennes" href="#Rennes" onclick="alert('Click on Rennes');"> | |||
| <div class="onglet" id="onglet-ext"> | |||
| Rennes | |||
| </div> | |||
| </a> | |||
| <a id="ancherEvent" href="#addEvent" onclick="alert('Ajoute un evenement');"><div class="Button" id="AddEvent"> | |||
| + Ajouter un Évènement | |||
| </div></a> | |||
| <div id="container"> | |||
| <h2>Conférences, Évènements</h2> | |||
| <form name="confs" action="" method="POST"> | |||
| <div align="left"><br> | |||
| <input type="checkbox" id="c1" name="cc" /> | |||
| <label for="c1"><span></span>Biomédical</label><br> | |||
| <input type="checkbox" id="c2" name="cc" /> | |||
| <label for="c2"><span></span>Domotique</label><br> | |||
| <input type="checkbox" id="c3" name="cc" /> | |||
| <label for="c3"><span></span>Informatique</label><br> | |||
| <input type="checkbox" id="c4" name="cc" /> | |||
| <label for="c4"><span></span>Matériaux</label><br> | |||
| <input type="checkbox" id="c5" name="cc" /> | |||
| <label for="c5"><span></span>Télécommunication</label><br> | |||
| <input type="checkbox" id="c6" name="cc" /> | |||
| <label for="c6"><span></span>Divers</label><br> | |||
| <br> | |||
| </div> | |||
| </form> | |||
| <h2>Clubs, associations</h2> | |||
| <form name="confs" action="" method="POST"> | |||
| <div align="left"><br> | |||
| <input type="checkbox" id="c7" name="cc" /> | |||
| <label for="c7"><span></span>Club Framboise</label><br> | |||
| <input type="checkbox" id="c8" name="cc" /> | |||
| <label for="c8"><span></span>ESIRDuino</label><br> | |||
| <input type="checkbox" id="c9" name="cc" /> | |||
| <label for="c9"><span></span>Club Tricot</label><br> | |||
| <input type="checkbox" id="c10" name="cc" /> | |||
| <label for="c10"><span></span>Club Miam</label><br> | |||
| <input type="checkbox" id="c11" name="cc" /> | |||
| <label for="c11"><span></span>Les lapins noirs</label><br> | |||
| <input type="checkbox" id="c12" name="cc" /> | |||
| <label for="c12"><span></span>Club rigolo</label><br> | |||
| <br> | |||
| </div> | |||
| </form> | |||
| </div> | |||
| </nav> | |||
| <div id="calendar"> | |||
| <ul class="flex-container"> | |||
| <li class="flex-item"><div id="event"><div id="date">6</div> | |||
| <div id="link">10h : Conférence - Domotique</div></li> | |||
| <li class="flex-item"><div id="event"><div id="date">7</div> | |||
| </li> | |||
| <li class="flex-item"><div id="event"><div id="date">8</div> | |||
| </li> | |||
| <li class="flex-item"><div id="event"><div id="date">9</div> | |||
| <div id="link">20h : Club tricot</div></li> | |||
| <li class="flex-item"><div id="event"><div id="date">10</div> | |||
| <div id="link">21h : Soirée ISATI</div></li> | |||
| <li class="flex-item"><div id="event"><div id="date">11</div> | |||
| </li> | |||
| <li class="flex-item"><div id="event"><div id="date">12</div> | |||
| <div id="link">8h : Invasion de kakapos</div></li> | |||
| <li class="flex-item"><div id="event"><div id="date">6</div> | |||
| <div id="link">10h : Conférence - Sécurité</div> | |||
| <div id="link">14h : Conférence - Cryptographie</div></li> | |||
| <li class="flex-item"><div id="event"><div id="date">7</div> | |||
| </li> | |||
| <li class="flex-item"><div id="event"><div id="date">8</div> | |||
| </li> | |||
| <li class="flex-item"><div id="event"><div id="date">9</div> | |||
| <div id="link">20h : Club Jeux</div></li> | |||
| <li class="flex-item"><div id="event"><div id="date">10</div> | |||
| <div id="link">21h : Soirée ISATI</div></li> | |||
| <li class="flex-item"><div id="event"><div id="date">11</div> | |||
| </li> | |||
| <li class="flex-item"><div id="event"><div id="date">12</div> | |||
| <div id="link">8h : Invasion de zombies</div></li> | |||
| <li class="flex-item"><div id="event"><div id="date">6</div> | |||
| <div id="link">10h : Conférence - Compilation</div></li> | |||
| <li class="flex-item"><div id="event"><div id="date">7</div> | |||
| </li> | |||
| <li class="flex-item"><div id="event"><div id="date">8</div> | |||
| </li> | |||
| <li class="flex-item"><div id="event"><div id="date">9</div> | |||
| <div id="link">20h : Club robotique</div></li> | |||
| <li class="flex-item"><div id="event"><div id="date">10</div> | |||
| <div id="link">21h : Soirée ISATI</div></li> | |||
| <li class="flex-item"><div id="event"><div id="date">11</div> | |||
| </li> | |||
| <li class="flex-item"><div id="event"><div id="date">12</div> | |||
| <div id="link">8h : Invasion de bananes</div></li> | |||
| <li class="flex-item"><div id="event"><div id="date">6</div> | |||
| <div id="link">10h : Conférence - Imagerie numérique</div></li> | |||
| <li class="flex-item"><div id="event"><div id="date">7</div> | |||
| </li> | |||
| <li class="flex-item"><div id="event"><div id="date">8</div> | |||
| </li> | |||
| <li class="flex-item"><div id="event"><div id="date">9</div> | |||
| <div id="link">20h : Club tarot</div></li> | |||
| <li class="flex-item"><div id="event"><div id="date">10</div> | |||
| <div id="link">21h : Soirée ISATI</div></li> | |||
| <li class="flex-item"><div id="event"><div id="date">11</div> | |||
| </li> | |||
| <li class="flex-item"><div id="event"><div id="date">12</div> | |||
| <div id="link">8h : Invasion de kakapos</div></li> | |||
| <li class="flex-item"><div id="event"><div id="date">6</div> | |||
| <div id="link">10h : Conférence - Communication</div></li> | |||
| <li class="flex-item"><div id="event"><div id="date">7</div> | |||
| </li> | |||
| <li class="flex-item"><div id="event"><div id="date">8</div> | |||
| </li> | |||
| <li class="flex-item"><div id="event"><div id="date">9</div> | |||
| <div id="link">20h : Club Saucisson</div></li> | |||
| <li class="flex-item"><div id="event"><div id="date">10</div> | |||
| <div id="link">21h : Soirée ISATI</div></li> | |||
| <li class="flex-item"><div id="event"><div id="date">11</div> | |||
| </li> | |||
| <li class="flex-item"><div id="event"><div id="date">12</div> | |||
| <div id="link">8h : Invasion de nuages</div></li> | |||
| </ul> | |||
| <div id="footer"> | |||
| <div id="TextFooter"> | |||
| <div id="exMois"> | |||
| <a id="ancherMore" href="#More" onclick="alert('Click on More');"><img id="exMore" alt="expand less" src="images/expand_less.png" /></a> | |||
| <div id="Mois">Mars 2015</div> | |||
| <a id="ancherLess" href="#Less" onclick="alert('Click on Less');"><img id="exLess" alt="expand more" src="images/expand_more.png" /></a> | |||
| </div> | |||
| <div id="Export">Exporter en <a href="#RSS">RSS</a>, <a href="#iCal">iCal</a>, <a href="#webCal">WebCal</a></div> | |||
| </div> | |||
| <div> | |||
| </div> | |||
| <script src="hamburger.js"></script> | |||
| </body> | |||
| </html> | |||