<commit_before>include html/jade-helpers.jade
!!! 5
head
	title Yellr
	meta(name="description", content="Yellr - Citizen engagement and journalism app")
	include html/head.jade

body#index
	a(href="#main", class="assistive-text") Skip to main content
	div.container


		header#header
			.wrapper
				h1#h1 yellr
				p report for your community


		nav#user-bar-wrapper
			div#grey-bkgd
				.wrapper
					ul#user-bar
						li#browse-li
							a(href="#") Browse
						li#report-li
							a(href="#") Report
						li#profile-li
							a(href="#") Profile
						li#notification-li
							a(href="#") &nbsp;
			div#dark-blue-bkgd
				.wrapper
					ul#secondary-bar
						li
							a(href="#") Assignments
						li
							a(href="#") Latest Reports


		div#main

			div.module-wrapper
				div.module-info
					h2 Latest assignments
					p A list of the latest assignments on yellr
				div.module
					.wrapper
						ul#latest-assignments.list-style-none
							li
								h2.t1 
									a(href="#") Who makes the best cup-of-soup?
								figure
									a(href="#")
										img(src="http://lorempixel.com/400/200")
								p It seems like it’s becoming obvious that to continue the activities I have planned for the rest of my year as a musician.
									span.deadline 6 days
								div.assignment-action
									a.contribute-btn(href="#") View assignment
									span.current-contributions 24 contributions 
								div.accepted-media-wrapper
									ul.accepted-media
										li
											i.fa.fa-video-camera(title="Video")
										li
											i.fa.fa-camera(title="Picture")
										li
											i.fa.fa-volume-up(title="Audio")
										li
											i.fa.fa-file-text-o(title="Text")
							li
								h2.t1 
									a(href="#") What is it you wish, madame?
								figure
									a(href="#")
										img(src="http://lorempixel.com/400/200")
								p She was rushing forward when <NAME> held her back with a calm gesture. “It is useless, madame! The hall is full, overcrowded.... Moreover, you will not miss much, for it will be over in five minutes....”
									span.deadline 10 days
								div.assignment-action
									a.contribute-btn(href="#") View assignment
									span.current-contributions 32 contributions 
								div.accepted-media-wrapper
									ul.accepted-media
										li.no
											i.fa.fa-video-camera(title="Video")
										li.no
											i.fa.fa-camera(title="Picture")
										li.no
											i.fa.fa-volume-up(title="Audio")
										li
											i.fa.fa-file-text-o(title="Text")
							li
								h2.t1 
									a(href="#") If you please, where is the lecture on Egyptology?
								figure
									a(href="#")
										img(src="http://lorempixel.com/400/200")
								p “Thank you,” acknowledged <NAME>, regretfully, adding, after a pause, “Did you happen to see a tall, fair lady in a blue costume ... with a strapped jacket?”
									span.deadline 2 weeks
								div.assignment-action
									a.contribute-btn(href="#") View assignment
									span.current-contributions 12 contributions 
								div.accepted-media-wrapper
									ul.accepted-media
										li.no
											i.fa.fa-video-camera(title="Video")
										li
											i.fa.fa-camera(title="Picture")
										li.no
											i.fa.fa-volume-up(title="Audio")
										li
											i.fa.fa-file-text-o(title="Text")


			div.module-wrapper
				div.module-info
					h2 Assignment View
					p For viewing a single assignment
				div.module
					div.wrapper
						section#assignment-view
							h2.t1#assignment-question Are you on Team Viper or Team Mountain?
							figure
								img(src="http://lorempixel.com/400/200")
							p.assignment-details The carriage stopped at the gate of the Collège de France; <NAME> alighted briskly. She did not take the trouble to close the door and, swinging her muff, hurried through the somber courtyard, where three pigeons wandered in the security that silence and solitude ensured them.
							div.assignment-actions
								div.flex-3
									span.deadline.no-margin-left June 12, 2014
									div.accepted-media-wrapper
										span
											em Accepted Media:
										ul.accepted-media
											li
												i.fa.fa-video-camera
											li
												i.fa.fa-camera
											li
												i.fa.fa-volume-up
											li
												i.fa.fa-file-text-o
								div.flex-2
									a(href="#").contribute-btn.no-margin-right Contribute
						aside
							h3.t2 Latest Contributions
							ul.contributions-list.list-style-none
								//- text only
								li
									a(href="#") 
										span.contributor DanDan109
										p Through the panes of the glass door <NAME>, first usher of the Collège, watched her approach, his thick mustache slightly lifted in a smile of sympathy.
								//- text + picture - 1 (image first)
								li 
									a(href="#") 
										span.contributor Steve-O
										figure
											img(src="http://lorempixel.com/400/200")
										p “Another one!” he thought, remembering all the fashionable ladies whom he had seen come in during the last hour. 
								//- text + picture - 2 (text first)
								li
									a(href="#")
										span.contributor Afroman
										p This one, moreover, was very dainty. Her small, fine, although bold, face, her astrakhan jacket and purple ve...
										figure
											img(src="http://lorempixel.com/400/200")
								//- longg text
								li
									a(href="#")
										span.contributor <NAME>
										p “See her? See her?... Why, surely I saw her; but, madame, there are so many of them! Upon my word, I do not remember having seen so many people at an ope...
												span.more View full report





			div.module-wrapper
				div.module-info
					h2 Reporting
					p Contributing to the site (assuming you already have an account)
				div.module
					div.wrapper
						section#submit-report
							h2.t1 Submit a report
							form.form
								ul.list-style-none
									li
										label
											p.t3 Title
											input(type="text")
									li
										div.flex.flex-end
											p.t3.flex-3 Add media
											span.add-more-media.flex-1#add-more-media-btn Add more +										
										div#media-input-wrapper
											input(type="file")
										p
											em Media uploads can be rearranged in Preview mode. Add your files first.
									li
										label
											p.t3.optional Text field
											textarea(rows="10", columns="10")
									li.location-li
										p Location:
										p#location 43.1567975, -77.6167498										
										p.anonymous-announcement Your location is submitted to ensure that you are from the area.
									li.privacy-li
										p.anonymous-announcement All posts are anonymous.

									li.report-bar
										a(href="#")#save-draft Save draft
										a(href="#")#preview-report Preview
										a(href="#")#submit-report Submit






			div.module-wrapper
				div.module-info
					h2 Account Creation
					p Creating a new account for yellr
				div.module
					div.wrapper
						h2.t1 Create Account
						form.form
							ul.list-style-none
								li
									label
										p.t3 Name (first &amp; last)
										input(type="text")
								li
									label
										p.t3 Username 
											em This will the name used publicly
										input(type="text")



				//- <click to setup account>
						- show terms and conditions (agree, cancel)
						- after account creation, takes you back to the assignment you were viewing








			div.module-wrapper
				div.module-info
					h2 Latest stories
					p List of the latest reports to be submitted
				div.module
					div.wrapper
						ul#latest-stories.list-style-none
							li
								h2.t1
									a(href="#") Title of story
								p Species of plants and animals are becoming extinct at least 1,000 times faster than they did before humans arrived on the scene, and the world is on the brink of a sixth great extinction, a new study says.
								figure
									img(src="http://lorempixel.com/400/200")
									figcaption This is a caption about the image and story
							li
								h2.t1
									a(href="#") Title of story
								p Species of plants and animals are becoming extinct at least 1,000 times faster than they did before humans arrived on the scene, and the world is on the brink of a sixth great extinction, a new study says.
								figure
									img(src="http://lorempixel.com/400/200")
									figcaption This is a caption about the image and story
							li
								h2.t1
									a(href="#") Title of story
								p Species of plants and animals are becoming extinct at least 1,000 times faster than they did before humans arrived on the scene, and the world is on the brink of a sixth great extinction, a new study says.
								figure
									img(src="http://lorempixel.com/400/200")
									figcaption This is a caption about the image and story



			div.module-wrapper
				div.module-info
					h2 Submission Form
					p For submiting a report..?
				div.module
					section#report-section
						form#question-answer-form(action="media_upload.json")
							label
								span Unique App ID (hidden)
								input(type="text", name="unique_app_id")
							label
								span Media Type
								input(type="text", name="media_type")
							label
								span File Upload
								input(type="file", name="media_payload")
							input(type="submit", value="Submit")



				//- view contribution
					comment title, comment question (the one we're answering), 
					= if just text, full comment
					= if text & image, show both
					= show geolocation of submission
					= show user, date when posted (cannot view a user's profile)
					= report inappropriate content

			div.module-wrapper
				div.module-info
					h2 Question prompt
					p Questions pushed from WXXI will look like this
				div.module
					div#notification-msg
						.wrapper
							form
								span#msg-close X
								p#question &nbsp;
								div#response-wrapper
									ul#question-answers
									ul#extra-fields
								span#more-details Add more details
								input#submit-question-answer(type="submit", value="Submit")




		footer#footer
			.wrapper
				p Privacy policy
				ul#footer-links.list-style-none
					li
						a(href="#") link
					li
						a(href="#") link<commit_msg>moving some modules around. done with markup and styles. moving back into web/app land<commit_after>include html/jade-helpers.jade
!!! 5
head
	title Yellr
	meta(name="description", content="Yellr - Citizen engagement and journalism app")
	include html/head.jade

body#index
	a(href="#main", class="assistive-text") Skip to main content
	div.container


		header#header.header-footer
			.wrapper
				h1#h1 yellr
				p report for your community


		nav#user-bar-wrapper
			div#grey-bkgd
				.wrapper
					ul#user-bar
						li#browse-li
							a(href="#") Browse
						li#report-li
							a(href="#") Report
						li#profile-li
							a(href="#") Profile
						li#notification-li
							a(href="#") &nbsp;
			div#dark-blue-bkgd
				.wrapper
					ul#secondary-bar
						li
							a(href="#") Assignments
						li
							a(href="#") Latest Reports


		div#main

			div.module-wrapper
				div.module-info
					h2 Latest assignments
					p A list of the latest assignments on yellr
				div.module
					.wrapper
						ul#latest-assignments.list-style-none
							li
								h2.t1 
									a(href="#") Who makes the best cup-of-soup?
								figure
									a(href="#")
										img(src="http://lorempixel.com/400/200")
								p It seems like it’s becoming obvious that to continue the activities I have planned for the rest of my year as a musician.
									span.deadline 6 days
								div.assignment-action
									a.contribute-btn(href="#") View assignment
									span.current-contributions 24 contributions 
								div.accepted-media-wrapper
									ul.accepted-media
										li
											i.fa.fa-video-camera(title="Video")
										li
											i.fa.fa-camera(title="Picture")
										li
											i.fa.fa-volume-up(title="Audio")
										li
											i.fa.fa-file-text-o(title="Text")
							li
								h2.t1 
									a(href="#") What is it you wish, madame?
								figure
									a(href="#")
										img(src="http://lorempixel.com/400/200")
								p She was rushing forward when <NAME> held her back with a calm gesture. “It is useless, madame! The hall is full, overcrowded.... Moreover, you will not miss much, for it will be over in five minutes....”
									span.deadline 10 days
								div.assignment-action
									a.contribute-btn(href="#") View assignment
									span.current-contributions 32 contributions 
								div.accepted-media-wrapper
									ul.accepted-media
										li.no
											i.fa.fa-video-camera(title="Video")
										li.no
											i.fa.fa-camera(title="Picture")
										li.no
											i.fa.fa-volume-up(title="Audio")
										li
											i.fa.fa-file-text-o(title="Text")
							li
								h2.t1 
									a(href="#") If you please, where is the lecture on Egyptology?
								figure
									a(href="#")
										img(src="http://lorempixel.com/400/200")
								p “Thank you,” acknowledged <NAME>, regretfully, adding, after a pause, “Did you happen to see a tall, fair lady in a blue costume ... with a strapped jacket?”
									span.deadline 2 weeks
								div.assignment-action
									a.contribute-btn(href="#") View assignment
									span.current-contributions 12 contributions 
								div.accepted-media-wrapper
									ul.accepted-media
										li.no
											i.fa.fa-video-camera(title="Video")
										li
											i.fa.fa-camera(title="Picture")
										li.no
											i.fa.fa-volume-up(title="Audio")
										li
											i.fa.fa-file-text-o(title="Text")
							li
								h2.t1 
									a(href="#") If you please, where is the lecture on Egyptology?
								figure
									a(href="#")
										img(src="http://lorempixel.com/400/200")
								p “Thank you,” acknowledged <NAME>, regretfully, adding, after a pause, “Did you happen to see a tall, fair lady in a blue costume ... with a strapped jacket?”
									span.deadline 2 weeks
								div.assignment-action
									a.contribute-btn(href="#") View assignment
									span.current-contributions 12 contributions 
								div.accepted-media-wrapper
									ul.accepted-media
										li.no
											i.fa.fa-video-camera(title="Video")
										li
											i.fa.fa-camera(title="Picture")
										li.no
											i.fa.fa-volume-up(title="Audio")
										li
											i.fa.fa-file-text-o(title="Text")
							li
								h2.t1 
									a(href="#") If you please, where is the lecture on Egyptology?
								figure
									a(href="#")
										img(src="http://lorempixel.com/400/200")
								p “Thank you,” acknowledged <NAME>, regretfully, adding, after a pause, “Did you happen to see a tall, fair lady in a blue costume ... with a strapped jacket?”
									span.deadline 2 weeks
								div.assignment-action
									a.contribute-btn(href="#") View assignment
									span.current-contributions 12 contributions 
								div.accepted-media-wrapper
									ul.accepted-media
										li.no
											i.fa.fa-video-camera(title="Video")
										li
											i.fa.fa-camera(title="Picture")
										li.no
											i.fa.fa-volume-up(title="Audio")
										li
											i.fa.fa-file-text-o(title="Text")




			div.module-wrapper
				div.module-info
					h2 Assignment View
					p For viewing a single assignment
					//- view contribution
						comment title, comment question (the one we're answering), 
						= if just text, full comment
						= if text & image, show both
						= show geolocation of submission
						= show user, date when posted (cannot view a user's profile)
						= report inappropriate content

				div.module
					div.wrapper
						section#assignment-view
							h2.t1#assignment-question Are you on Team Viper or Team Mountain?
							figure
								img(src="http://lorempixel.com/800/400")
							p.assignment-details The carriage stopped at the gate of the Collège de France; <NAME> alighted briskly. She did not take the trouble to close the door and, swinging her muff, hurried through the somber courtyard, where three pigeons wandered in the security that silence and solitude ensured them.
							div.assignment-actions
								div.flex-3
									span.deadline.no-margin-left June 12, 2014
									div.accepted-media-wrapper
										span
											em Accepted Media:
										ul.accepted-media
											li
												i.fa.fa-video-camera
											li
												i.fa.fa-camera
											li
												i.fa.fa-volume-up
											li
												i.fa.fa-file-text-o
								div.flex-2
									a(href="#").contribute-btn.no-margin-right Contribute
						aside
							h3.t2 Latest Contributions
							ul.contributions-list.list-style-none
								//- text only
								li
									a(href="#") 
										span.contributor DanDan109
										p Through the panes of the glass door <NAME>, first usher of the Collège, watched her approach, his thick mustache slightly lifted in a smile of sympathy.
								//- text + picture - 1 (image first)
								li 
									a(href="#") 
										span.contributor Steve-O
										figure
											img(src="http://lorempixel.com/400/200")
										p “Another one!” he thought, remembering all the fashionable ladies whom he had seen come in during the last hour. 
								//- text + picture - 2 (text first)
								li
									a(href="#")
										span.contributor Afroman
										p This one, moreover, was very dainty. Her small, fine, although bold, face, her astrakhan jacket and purple ve...
										figure
											img(src="http://lorempixel.com/400/200")
								//- longg text
								li
									a(href="#")
										span.contributor <NAME>
										p “See her? See her?... Why, surely I saw her; but, madame, there are so many of them! Upon my word, I do not remember having seen so many people at an ope...
												span.more View full report





			div.module-wrapper
				div.module-info
					h2 Reporting
					p Contributing to yellr
				div.module
					div.wrapper
						section#submit-report
							h2.t1 Submit a report
							form.form
								ul.list-style-none
									li.phone-action-li.report-bar
										a(href="#")
											i.fa.fa-microphone
											span Audio
										a(href="#")
											i.fa.fa-camera
											span Picture
										a(href="#")
											i.fa.fa-video-camera
											span Video
									li.title-li
										label
											p.t3 Title
											input(type="text")
									li.add-media-li
										div.flex.flex-end
											p.t3.flex-3 Add media
											span.add-more-media.flex-1#add-more-media-btn Add more +										
										div#media-input-wrapper
											input(type="file")
										p
											em Media uploads can be rearranged in Preview mode. Add your files first.
									li.textfield-li
										label
											p.t3.optional Text field
											textarea(rows="10", columns="10")
									li.location-li
										p
											i.fa.fa-location-arrow &nbsp;
											span Location
										p#location 43.1567975, -77.6167498										
										p.anonymous-announcement Your location is submitted to ensure that you are from the area.
									li.privacy-li
										p.anonymous-announcement All posts are anonymous.

									li.report-li.report-bar
										a(href="#")#save-draft Save draft
										a(href="#")#preview-report Preview
										a(href="#")#submit-report Submit






			div.module-wrapper
				div.module-info
					h2 Account Creation
					p Creating a new account for yellr
				div.module
					div.wrapper
						h2.t1 Create Account
						form.form
							ul.list-style-none
								li
									label
										p.t3 Name (first &amp; last)
										input(type="text")
								li
									label
										p.t3 Username 
											em This will the name used publicly
										input(type="text")



				//- <click to setup account>
						- show terms and conditions (agree, cancel)
						- after account creation, takes you back to the assignment you were viewing



			div.module-wrapper
				div.module-info
					h2 Question prompt
					p Questions pushed from WXXI will look like this
				div.module
					div#notification-msg
						.wrapper
							form
								p#question &nbsp;
								div#response-wrapper
									ul#question-answers
									ul#extra-fields
								span#more-details Add more details
								input#submit-question-answer(type="submit", value="Submit")
								span#msg-close Cancel 
									i.fa.fa-times






			div.module-wrapper
				div.module-info
					h2 Latest stories
					p List of the latest reports to be submitted
				div.module
					div.wrapper
						ul#latest-stories.list-style-none
							li
								h2.t1
									a(href="#") Title of story
								p Species of plants and animals are becoming extinct at least 1,000 times faster than they did before humans arrived on the scene, and the world is on the brink of a sixth great extinction, a new study says.
								figure
									img(src="http://lorempixel.com/400/200")
									figcaption This is a caption about the image and story
							li
								h2.t1
									a(href="#") Title of story
								p Species of plants and animals are becoming extinct at least 1,000 times faster than they did before humans arrived on the scene, and the world is on the brink of a sixth great extinction, a new study says.
								figure
									img(src="http://lorempixel.com/400/200")
									figcaption This is a caption about the image and story
							li
								h2.t1
									a(href="#") Title of story
								p Species of plants and animals are becoming extinct at least 1,000 times faster than they did before humans arrived on the scene, and the world is on the brink of a sixth great extinction, a new study says.
								figure
									img(src="http://lorempixel.com/400/200")
									figcaption This is a caption about the image and story






		footer#footer.header-footer
			.wrapper
				p Privacy policy
				ul#footer-links.list-style-none
					li
						a(href="#") link
					li
						a(href="#") link
{'fraction_non_alphanumeric': 0.09205208801077683, 'fraction_numerical': 0.014234396048495733, 'mean_word_length': 1.8280634920634922, 'pattern_counts': {'":': 0, '<': 17, '<?xml version=': 0, '>': 17, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '1947037', 'n_tokens_mistral': 10878, 'n_tokens_neox': 6430, 'n_words': 2025}