freeCodeCamp/views/stories/show.jade

50 lines
1.7 KiB
Plaintext

extends ../layout
block content
script.
var challengeName = 'Camper News';
var storyId = !{JSON.stringify(id)};
var comments = !{JSON.stringify(comments)};
var upVotes = !{JSON.stringify(upVotes)};
.panel.panel-info
.panel-heading.text-center Camper News
.panel-body
h3.row.text-left.negative-10
.col-xs-3.col-sm-1.text-center
.row.negative-5
.col-xs-12.big-ion-up-arrow
a#upvote
i.ion-arrow-up-b
h3.story-up-votes
span#storyRank= rank
.col-xs-2.col-sm-1
img(src="#{author.picture}", class='img-responsive')
.col-xs-7.col-sm-10
.col-xs-12.negative-28
a(href="#{link}")
h3= title
.col-xs-12.negative-15
span Posted #{timeAgo}
span  by 
a(href="/" + author.username)
@#{author.username}
.col-xs-12
h3.row
.col-xs-12
textarea#comment-box.form-control(name="comment-box", rows=5)
h3.row.btn-nav.text-center
.col-xs-6.col-xs-offset-3
.btn.btn-block.btn-primary#comment-button Comment
include ./comments
//
title: story.headline,
dashedName: story.link,
author: story.author,
body: story.body,
rank: story.rank,
upVotes: story.upVotes,
comments: story.comments