Ajoute des informations dans le champ de partage

css/style.css

@@ -481,7 +481,8 @@ label {
 input {
     margin: 0;
 }
-input[type="text"] {
+input[type="text"],
+textarea {
     background: #FFFFFF;
     border: 1px solid #DEDEDE;
     border-radius: 0;
@@ -489,11 +490,13 @@ input[type="text"] {
     color: #555;
     display: inline-block;
     font-size: 14px;
-    height: 34px;
     line-height: 1.42857;
     outline: none;
     padding: 6px 12px;
 }
+input[type="text"] {
+    height: 34px;
+}
 .btn, .btn:hover, .btn:focus,
 a.btn, a.btn:hover, a.btn:focus {
     background-color: #CB4D59;

js/app/templates/share.hbs

@@ -1,7 +1,8 @@
 <div class="share-link">
     <form action="index.html" method="get">
-        <label for="url">Lien à partager</label>
-        <input type="text" name="url" id="url" value="{{url}}">
+        <label for="share">Lien à partager</label>
+        <textarea name="share" rows="6" cols="40">#Kaamelott Soundboard - {{title}}
+{{url}}</textarea>
     </form>
 
     <div class="likely" data-title="#Kaamelott Soundboard - {{title}}" data-url="{{url}}">

js/app/views/share.js

@@ -18,7 +18,7 @@ define("views/share", function(require) {
         ui: {
             background: "#modal-back",
             body: ".share-link",
-            field: "input:text"
+            field: "textarea"
         },
         events: {
             "click @ui.background": "destroy"