Noël, cette période où le vent estival, la neige et les couleurs dorés, chaudes sont en mesure de vous tourmenter.   Fêtes, éclats de rire, larmes, échanges et cadeaux. Aujourd'hui encore, cette période rassemble d'innombrables  familles, des amis, des couples et d'inconnus. Raison pour laquelle l'université et la capitale se sont permis de réaliser cet évènement, d'innombrables casiers seront disposés ici et là (casiers, au sein de l'université ; boite postale pour les citoyens).  

Casiers nominatifs au sein desquels pourront être déposés moult surprises. Des mots doux, d'affection, des cadeaux, des petites confiseries et bien plus encore. Libre court à votre imagination ! Tout cela, signé ou anonyme (après tout, d'avantage de mystère, qui ne serait pas curieux ?).  

Le but du jeu étant simple, suivant si vous êtes un étudiant ou un citoyen vous serez amenés à créer votre propre sujet, à votre nom (ex : CASIER / BOÎTE AUX LETTRES DE NOM PRENOM DE VOTRE PERSONNAGE) ; et laisser la magie opérer. Attention, il y a deux catégories différentes pour éviter de s'emmêler les pinceaux.  

Pour les personnes souhaitant simplement déposer une lettre (anonyme ou non), ci-dessous un codage à c/c dans votre message :

Code:

<div class="fi-fi"><div class="q-te"><div class="tx-te">Hey you, I have something for you. Merry christmas.</div></div> <div class="si-mi"><span class="th th-butterfly-o">[img(50px,50px)]https://images2.imgbox.com/48/f3/DGfOVSnV_o.png[/img]</span> <n><b>To. Nom Prénom.</b> titre titre titre titre titre titre titre titre titre titre titre titre titre titre.</n> </div><div class="mi-mi" style="background: url(https://i.pinimg.com/originals/c3/a1/51/c3a15184da5bed44d41e9b07f4afac29.jpg)"> </div><div class="txt-fi">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent elementum, nibh a condimentum dapibus, neque elit dapibus erat, sed auctor elit purus at nulla. Maecenas hendrerit posuere pellentesque. Suspendisse sodales nibh eu erat maximus pellentesque. Ut sagittis ultricies dolor placerat semper. In feugiat consequat sem at convallis. Donec eleifend finibus ligula a maximus. Nam ullamcorper tellus turpis, sed suscipit metus ullamcorper eu. Sed id dictum turpis.

Sed cursus tellus vitae varius venenatis. In aliquam cursus malesuada. In vel nisl a risus tempus sollicitudin. Mauris id orci malesuada, placerat eros mattis, porta lacus. Ut consequat nunc et justo mattis consequat. Curabitur a rhoncus sem, vitae interdum nulla. Curabitur vestibulum quis sapien vel scelerisque. Nam facilisis rutrum nunc, ut rhoncus nibh laoreet id.

Praesent porttitor turpis eu eros ornare accumsan. Nullam id nibh tincidunt, viverra massa vitae, aliquam justo. Proin mollis sapien nec nisi malesuada, a ornare lectus tristique. Nullam semper eros diam, non pharetra nisi eleifend at. Maecenas id vulputate nunc, eget vestibulum lectus. Vivamus congue posuere augue ut luctus. Quisque tincidunt elit id enim consectetur sodales. Suspendisse tristique urna sit amet magna sollicitudin, ut imperdiet neque iaculis.
</div></div><div class="crdts"><a href="http://illmakegaycodesforu.tumblr.com/">— gitano;</a></div>

<style>.fi-fi {width: 400px; height: 399px; margin: 0 auto; position: relative; border: 15px solid #a60004; background: #FFF; outline: 1px solid #eaeaea;line-height: 130%; overflow: hidden;}.mi-mi {position: absolute; top: 0px; bottom: 0px; left: 41px; width: 75px; border-left: 1px solid #590002; border-right: 1px solid #590002; background-size: cover!important; background-size: cover!important}.q-te {position: absolute; top: 0px; bottom: 0px; width: 50px;}.tx-te {color: #421214; position: absolute; bottom:184px; left: -180px; transform: rotate(-90deg); padding: 10px; width: 380px; z-index: 1; font: 9px 'Inconsolata'; text-transform: uppercase; letter-spacing: 1px;}.si-mi {width: 240px; height: 400px; position: absolute; top: 0px; right: 20px; display: flex; align-items: center; justify-content: center; flex-direction: column; transition: .8s}.fi-fi:hover .si-mi {top: -400px;}.si-mi span {font-size: 70px; color:#644c6f; margin-bottom: 20px; }.si-mi n {font: 18px 'Montserrat'; color: #421214; font-weight: 100; text-transform: uppercase; text-align: center;}.txt-fi {position: absolute; right: 36px; height: 360px; overflow-y: auto; color: #84363b; width: 200px; text-align: justify; font: 10px 'Montserrat'; padding-right: 5px; top: 400px; transition: .8s;}.fi-fi:hover .txt-fi {top: 20px;}.txt-fi::-webkit-scrollbar {width: 3px;}.txt-fi::-webkit-scrollbar-thumb {background: #fff;}.txt-fi ::-webkit-scrollbar-track {background: transparent; border: none;}.crdts {text-decoration:none; font-family: verdana; font-size: 9px; text-align: center}</style> <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@200;300;400;500;600;700;800;900&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900,900i&display=swap" rel="stylesheet">

Sinon, faîtes vous simplement plaisir !