<commit_before>doctype html
html(lang="en")
	head
		title GitRoulette
		link(rel='stylesheet', href='http://fonts.googleapis.com/css?family=Open+Sans')
		link(href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css", rel="stylesheet")
		link(href="https://cdnjs.cloudflare.com/ajax/libs/octicons/2.4.1/octicons.min.css", rel="stylesheet")
		script(src="https://code.jquery.com/jquery-2.1.4.min.js")
		script(src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js")
		style.
			body {
				padding-top: 40px;
			}
			#randomResult {
				font-family: 'Open Sans', sans-serif;
				background-color: #f5f5f5;
				padding: 30px;
				padding-bottom: 10px;
			}
			#randomResult > h1 {
				margin-top: 0px;
				margin-bottom: 25px;
			}
			#randomResult > p,h1 {
				text-align: center;
			}
			#randomResult > iframe {
				display: block;
				margin: 0 auto;
			}
			#reroll {
				display: block;
				width: 119px;
				margin: 0 auto;
				margin-top: 10px;
				margin-bottom: 5px;
			}
			footer {
				text-align: center;
			}

			.github-card {
			  width: 400px;
			  border-radius: 5px;
			  padding: 8px 8px 0;
			  background: #fff;
			  color: #555;
			  position: relative;
			  margin: 0 auto;
			}

			.github-card a {
			  text-decoration: none;
			  color: #4183c4;
			  outline: 0;
			}
			.github-card a:hover {
			  text-decoration: underline;
			}

			.github-card .header {
			  position: relative;
			}
			.github-card .button {
			  position: absolute;
			  top: 0;
			  right: 0;
			  padding: 4px 8px 4px 7px;
			  color: #555;
			  text-shadow: 0 1px 0 #fff;
			  border: 1px solid #d4d4d4;
			  border-radius: 3px;
			  font-size: 13px;
			  font-weight: bold;
			  line-height: 14px;
			  background-color: #e6e6e6;
			  background-image: -webkit-linear-gradient(#fafafa, #eaeaea);
			  background-image: -moz-linear-gradient(#fafafa, #eaeaea);
			  background-image: -ms-linear-gradient(#fafafa, #eaeaea);
			  background-image: linear-gradient(#fafafa, #eaeaea);
			}
			.github-card .button:hover {
			  color: #fff;
			  text-decoration: none;
			  background-color: #3072b3;
			  background-image: -webkit-linear-gradient(#599bdc, #3072b3);
			  background-image: -moz-linear-gradient(#599bdc, #3072b3);
			  background-image: -ms-linear-gradient(#599bdc, #3072b3);
			  background-image: linear-gradient(#599bdc, #3072b3);
			  border-color: #518cc6 #518cc6 #2a65a0;
			  text-shadow: 0 -1px 0 rgba(0,0,0,.25);
			}
			.repo-card .header {
			  padding: 3px 0 4px 57px;
			}
			.repo-card .avatar, .repo-card .avatar img {
			  position: absolute;
			  top: 0;
			  left: 0;
			  width: 48px;
			  height: 48px;
			  background: #fff;
			  border-radius: 4px;
			}
			.repo-card .header a {
			  color: #707070;
			}
			.repo-card .header strong {
			  display: block;
			  font-size: 18px;
			  line-height: 1.4;
			}
			.repo-card .header strong a {
			  color: #292f33;
			}
			.repo-card .header sup {
			  font-size: 10px;
			  margin-left: 3px;
			  color: #797979;
			}
			.repo-card .content {
			  padding: 6px 0 10px;
			}
			.repo-card .content p {
			  margin: 0 5px 0 0;
			  font: 18px/24px Georgia, "Times New Roman", Palatino, serif;
			  overflow: hidden;
			  clear: both;
			  word-wrap: break-word;
			}
			.repo-card .footer {
			  border-top: 1px solid #eee;
			  padding: 8px 0 6px;
			}
			.repo-card .status {
			  font-size: 10px;
			  padding-right: 10px;
			  text-transform: uppercase;
			}
			.repo-card .status strong {
			  font-size: 12px;
			  padding-right: 5px;
			}
		script(type='text/javascript').
			$(document).ready(function() {
				$('#reroll').on('click', function() {
					$(this).button('loading');
					$(this).css('width', '125px');
				});
			});
	body
		.row
			.col-md-3
			.col-md-6
				#randomResult
					h1
						| GitRoulette 
						a(href="http://github.com/joshuaferrara/gitroulette/")
							span.mega-octicon.octicon-mark-github
					if rateLimited
						div.alert.alert-danger
							strong Uh-oh!
							|  Looks like we hit GitHub's rate limit...please try again later :(
					else
						div.github-card.repo-card
							div.header
								a(class="avatar", href="#{repoData.owner.url}", target="_blank")
									img(src="#{repoData.owner.avatar_url}")
								strong(class="name")
									a(href="#{repoData.html_url}", target="_blank") #{repoData.name}
									sup(class="language")
								span
									| Created by 
									a(href="#{repoData.owner.html_url}", target="_blank") #{repoData.owner.login}
							div.content
								p #{repoData.description}
							div.footer
								span.status
									strong #{repoData.stargazers_count}
									| Forks
								span.status
									strong #{repoData.forks}
									| Stars
						a(id="reroll", href="/", class="btn btn-primary", data-loading-text="Gitting a repo...") Let's go again!
					footer
						abbr(title="The GitHub API limits requests to 5000/hr and it takes two requests per roll.") Rolls left this hour #{Math.floor(rateLimit.resources.core.remaining / 2)}
						|  | 
						| More rolls in #{moreResourcesIn} (m:s)!
						|  |
						| Created by 
						a(href="http://github.com/joshuaferrara", target="_blank") <NAME>
						|  |
						| Uses <commit_msg>Moved button to top of page so you don't have to move your mouse when clicking<commit_after>doctype html
html(lang="en")
	head
		title GitRoulette
		link(rel='stylesheet', href='http://fonts.googleapis.com/css?family=Open+Sans')
		link(href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css", rel="stylesheet")
		link(href="https://cdnjs.cloudflare.com/ajax/libs/octicons/2.4.1/octicons.min.css", rel="stylesheet")
		script(src="https://code.jquery.com/jquery-2.1.4.min.js")
		script(src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js")
		style.
			body {
				padding-top: 40px;
			}
			#randomResult {
				font-family: 'Open Sans', sans-serif;
				background-color: #f5f5f5;
				padding: 30px;
				padding-bottom: 10px;
			}
			#randomResult > h1 {
				margin-top: 0px;
				margin-bottom: 25px;
			}
			#randomResult > p,h1 {
				text-align: center;
			}
			#randomResult > iframe {
				display: block;
				margin: 0 auto;
			}
			#reroll {
				display: block;
				width: 119px;
				margin: 0 auto;
				margin-top: 10px;
				margin-bottom: 5px;
			}
			footer {
				text-align: center;
			}

			.github-card {
			  width: 400px;
			  border-radius: 5px;
			  padding: 8px 8px 0;
			  background: #fff;
			  color: #555;
			  position: relative;
			  margin: 0 auto;
			}

			.github-card a {
			  text-decoration: none;
			  color: #4183c4;
			  outline: 0;
			}
			.github-card a:hover {
			  text-decoration: underline;
			}

			.github-card .header {
			  position: relative;
			}
			.github-card .button {
			  position: absolute;
			  top: 0;
			  right: 0;
			  padding: 4px 8px 4px 7px;
			  color: #555;
			  text-shadow: 0 1px 0 #fff;
			  border: 1px solid #d4d4d4;
			  border-radius: 3px;
			  font-size: 13px;
			  font-weight: bold;
			  line-height: 14px;
			  background-color: #e6e6e6;
			  background-image: -webkit-linear-gradient(#fafafa, #eaeaea);
			  background-image: -moz-linear-gradient(#fafafa, #eaeaea);
			  background-image: -ms-linear-gradient(#fafafa, #eaeaea);
			  background-image: linear-gradient(#fafafa, #eaeaea);
			}
			.github-card .button:hover {
			  color: #fff;
			  text-decoration: none;
			  background-color: #3072b3;
			  background-image: -webkit-linear-gradient(#599bdc, #3072b3);
			  background-image: -moz-linear-gradient(#599bdc, #3072b3);
			  background-image: -ms-linear-gradient(#599bdc, #3072b3);
			  background-image: linear-gradient(#599bdc, #3072b3);
			  border-color: #518cc6 #518cc6 #2a65a0;
			  text-shadow: 0 -1px 0 rgba(0,0,0,.25);
			}
			.repo-card .header {
			  padding: 3px 0 4px 57px;
			}
			.repo-card .avatar, .repo-card .avatar img {
			  position: absolute;
			  top: 0;
			  left: 0;
			  width: 48px;
			  height: 48px;
			  background: #fff;
			  border-radius: 4px;
			}
			.repo-card .header a {
			  color: #707070;
			}
			.repo-card .header strong {
			  display: block;
			  font-size: 18px;
			  line-height: 1.4;
			}
			.repo-card .header strong a {
			  color: #292f33;
			}
			.repo-card .header sup {
			  font-size: 10px;
			  margin-left: 3px;
			  color: #797979;
			}
			.repo-card .content {
			  padding: 6px 0 10px;
			}
			.repo-card .content p {
			  margin: 0 5px 0 0;
			  font: 18px/24px Georgia, "Times New Roman", Palatino, serif;
			  overflow: hidden;
			  clear: both;
			  word-wrap: break-word;
			}
			.repo-card .footer {
			  border-top: 1px solid #eee;
			  padding: 8px 0 6px;
			}
			.repo-card .status {
			  font-size: 10px;
			  padding-right: 10px;
			  text-transform: uppercase;
			}
			.repo-card .status strong {
			  font-size: 12px;
			  padding-right: 5px;
			}
		script(type='text/javascript').
			$(document).ready(function() {
				$('#reroll').on('click', function() {
					$(this).button('loading');
					$(this).css('width', '125px');
				});
			});
	body
		.row
			.col-md-3
			.col-md-6
				#randomResult
					h1
						| GitRoulette 
						a(href="http://github.com/joshuaferrara/gitroulette/")
							span.mega-octicon.octicon-mark-github
					if rateLimited
						div.alert.alert-danger
							strong Uh-oh!
							|  Looks like we hit GitHub's rate limit...please try again later :(
					else
						a(id="reroll", href="/", class="btn btn-primary", data-loading-text="Gitting a repo...") Let's go again!
						div.github-card.repo-card
							div.header
								a(class="avatar", href="#{repoData.owner.url}", target="_blank")
									img(src="#{repoData.owner.avatar_url}")
								strong(class="name")
									a(href="#{repoData.html_url}", target="_blank") #{repoData.name}
									sup(class="language")
								span
									| Created by 
									a(href="#{repoData.owner.html_url}", target="_blank") #{repoData.owner.login}
							div.content
								p #{repoData.description}
							div.footer
								span.status
									strong #{repoData.stargazers_count}
									| Forks
								span.status
									strong #{repoData.forks}
									| Stars
						
					footer
						abbr(title="The GitHub API limits requests to 5000/hr and it takes two requests per roll.") Rolls left this hour #{Math.floor(rateLimit.resources.core.remaining / 2)}
						|  | 
						| More rolls in #{moreResourcesIn} (m:s)!
						|  |
						| Created by 
						a(href="http://github.com/joshuaferrara", target="_blank") <NAME>
						|  |
						| Uses 
{'fraction_non_alphanumeric': 0.14911119515885024, 'fraction_numerical': 0.03819969742813918, 'mean_word_length': 2.3482114593225702, 'pattern_counts': {'":': 0, '<': 5, '<?xml version=': 0, '>': 11, 'https://': 8, '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': '3050410', 'n_tokens_mistral': 5355, 'n_tokens_neox': 3763, 'n_words': 777}