github.com/bitcubate/cryptojournal@v1.2.5-0.20171102134152-f578b3d788ab/src/stories/views/create.html.got (about) 1 <div class="mdl-grid"> 2 <div class="mdl-layout-spacer"></div> 3 4 <div class="mdl-cell mdl-cell--6-col"> 5 6 7 <!-- Event card --> 8 <style> 9 .demo-card-event.mdl-card { 10 width: 100%; 11 height: 100%; 12 background: #eee; 13 14 15 } 16 .demo-card-event > .mdl-card__actions { 17 border-color: rgba(255, 255, 255, 0.2); 18 } 19 .demo-card-event > .mdl-card__title { 20 align-items: flex-start; 21 } 22 .demo-card-event > .mdl-card__title > h4 { 23 margin-top: 0; 24 } 25 .demo-card-event > .mdl-card__actions { 26 display: flex; 27 box-sizing:border-box; 28 align-items: center; 29 } 30 .demo-card-event > .mdl-card__actions > .material-icons { 31 padding-right: 10px; 32 } 33 .demo-card-event > .mdl-card__title, 34 .demo-card-event > .mdl-card__actions, 35 .demo-card-event > .mdl-card__actions > .mdl-button { 36 color: #cd00cd; 37 } 38 </style> 39 40 <div class="demo-card-event mdl-card mdl-shadow--2dp"> 41 <div class="mdl-card__title mdl-card--expand"> 42 <form method="post" class="resource-update-form"> 43 44 <h3>Submit Story</h3> 45 <p>Please read the <a href="/stories/1">contributor guidelines</a> before submitting stories.</p> 46 {{ field "Url" "url" .story.URL "class=active_url_field autofocus"}} 47 {{ field "Name - add tags with hashtags, e.g. #web, add sections with a prefix e.g. Video:" "name" .story.Name "class='active_name_field name_field'" }} 48 <label>Text</label> 49 {{ template "lib/editable/views/editable-toolbar.html.got"}} 50 <textarea name="summary" class="content-textarea" id="story-content-textarea">{{.story.Summary}}</textarea> 51 <div contenteditable class="content-editable" id="story-content-editable">{{html .story.Summary}}</div> 52 </div> 53 <div class="mdl-card__actions mdl-card--border"> 54 <input type="submit" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect" value="Submit"> 55 56 57 58 <input name="authenticity_token" type="hidden" value="{{.authenticity_token}}"> 59 </form> 60 61 62 </div> 63 </div> 64 65 </div> 66 <div class="mdl-layout-spacer"></div> 67 68 </div> 69 70 71 72 73 74 75 76 77 78 79