<commit_before>extends layout.jade


block title
	title Doclets
	meta(name='description', content='The easiest way to publish JSDoc Javascript documentation. The new home for API-Docs.')

block content
	.hero
		.background
		h1.ui.icon.header
			img.icon.logo(src='logo.svg')
			.content(style='border-bottom: 3px solid orange') Doclets
				//.ui.sub.header checked

		p(style='margin-top: 1.2em') API documentation should be more fun.
		.social
			a.twitter-share-button(href='https://twitter.com/share', data-text='No Excuses. The easiest way to publish #JSDoc #javascript #api #documentation!', data-via='doclets_io', data-size='large')
			script#twitter-script
				!function(d,s,id,sid){var js,fjs=d.getElementById(sid),p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';console.log('insert', js, fjs); fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs', 'twitter-script');
			iframe(allowtransparency='true', name='github-star', scrolling='no', frameborder='0', style='border: none; height: 28px; width: 110px;', src='https://buttons.github.io/buttons.html#href%3Dhttps%3A%2F%2Fgithub.com%2Flipp%2Fdoclets%26text%3DStar%26data.count.api%3D%2Frepos%2Flipp%2Fdoclets%23stargazers_count%26data.count.href%3D%2Flipp%2Fdoclets%2Fstargazers%26data.count.aria.label%3D%23%20stargazers%20on%20GitHub%26data.style%3Dmega%26data.icon%3Docticon-star%26aria.label%3DStar%20lipp%2Fdoclets%20on%20GitHub')

		#teaser.ui.container
			.ui.equal.height.stackable.grid
				.row
					.column.six.wide.middle.aligned
						p The <em>Continuous Integration</em> service for Javascript and Node.js, that turns boring <em>comments</em> into <em>beautiful</em> hosted API reference pages.
						p <em>Motivating</em> to write. <em>Fun</em> to read.
					.column.ten.wide
						.wrap
							.ui.raised.segment.source
								img.ui.rounded.image(src='playground-code-2.png')
						.ui.raised.segment#playground
							svg(width='65px',	height='91px',	viewbox='0	0	65	91',	version='1.1',	xmlns='http://www.w3.org/2000/svg',	xmlns:xlink='http://www.w3.org/1999/xlink')
									g#Current(stroke='none',	stroke-width='1',	fill='none',	fill-rule='evenodd')
											g(transform='translate(-923.000000,	-190.000000)',	stroke-linecap='round',	stroke='white',	stroke-width='5')
													g(id='CTA-Copy-+-We’re-on-a-mission-t-Copy-+-arrow-copy',	transform='translate(295.000000,	109.000000)')
															g#arrow-copy(transform='translate(661.500000,	127.000000)	rotate(5.000000)	translate(-661.500000,	-127.000000)	translate(633.500000,	84.000000)')
																	path#Path-9976(d='M26.3867187,0.0625	C69.2539062,7.56640625	67.4970703,74.3291016	5.59472656,77.4707031')
																	path#Path-9977(d='M15.9194843,57.9747585	C14.7553017,67.8064006	1.5766365,79.1648387	1.5766365,79.1648387	C1.5766365,79.1648387	9.11783427,85.7647194	25.0799629,84.3735088',	stroke-linejoin='round',	transform='translate(13.328300,	71.270458)	rotate(7.000000)	translate(-13.328300,	-71.270458)	')
							img#playground-gif.ui.fluid.image(src='playground2.gif')
						a#try-playground(href='/lipp/numbers.js/add-to-doclets#dl-statistic-correlation') Try it!
		
		.info 
			span Doclets.io is in alpha phase. 
			span Please report issues or give feedback <a href="https://github.com/lipp/doclets/issues">here</a>.


	#samples.ui.vertical.segment
		.ui.container
			#diagram
				.ui.grid
					.center.aligned.row
						.column.sixteen.wide
							span.ui.black.big.label
								i.icon.code.text
								strong JSDoc
							i.icon.plus
							span.ui.black.big.label
								i.icon.file.text
								strong Markdown
							i.icon.plus
							span.ui.black.big.label
								i.icon.file.text.outline
								strong .doclets.yml
					.center.aligned.row
						.column.sixteen.wide
							#cloud
								i.huge.angle.double.down.icon

			#screenshots
				a.img-api(href='/lipp/ScrollMagic/add-to-doclets')
					img.ui.big.circular2.bordered.image(src='doclets_screen_api.png')
				a.img-md(href='/lipp/ScrollMagic/add-to-doclets/about')
					img.ui.big.circular2.bordered.image(src='doclets_screen_md.png')

	#quotes.ui.vertical.segment
		.ui.container
			.ui.three.columns.equal.height.stackable.grid
				.center.aligned.row
					.middle.aligned.column
						h1.ui.center.aligned.header
							a(href='https://gitter.im/lipp/doclets')
								blockquote(cite='https://gitter.im/lipp/doclets') We are always struggling to keep our code documented
						.qwrap
							img(src='https://avatars2.githubusercontent.com/u/188269?v=3&s=460')
							.qqwrap
								.author 
									a(href='https://github.com/Cinezaster') Cinezaster
								.company 
									a(href='http://www.appsaloon.be') AppSaloon
					.middle.aligned.column
						h1.ui.center.aligned.header
							a(href='https://twitter.com/kentcdodds/status/703261574731988992')
								blockquote(cite='https://twitter.com/kentcdodds/status/703261574731988992') Looks swell. Gotta try ...
						img(src='https://pbs.twimg.com/profile_images/568536479643619329/EKlQXV6h_bigger.png')
						.qqwrap
							.author 
								a(href='https://twitter.com/kentcdodds') <NAME>
							.company 
								a(href='https://www.paypal.com') PayPal
					.middle.aligned.column
						h1.ui.center.aligned.header
							a
								blockquote(cite='https://twitter.com/obartra/status/703976984297209857') Doclets makes it very easy to publish JSDoc commented projects 
						img(src='https://pbs.twimg.com/profile_images/3398595274/4be3428667b0d95d2e86502d74925edc_bigger.jpeg')
						.qqwrap
							.author 
								a(href='https://twitter.com/obartra') <NAME>
							.company 
								a(href='http://www.paperg.com') PaperG



	#features.ui.vertical.segment
		.ui.container
			.ui.three.column.equal.height.stackable.grid
				.row
					.column
						.item
							.content 
								h2.ui.header 
									i.icon.dollar
									| Safes Time & Money
								p Reduce your setup time <strong>from hours to minutes</strong>. No server config, no build system setup!
					.column
						.item
							.content
								h2.ui.header
									i.icon.file.text
									| Standard Formats
								p Create beautiful API reference docs just out of standard <a href='http://usejsdoc.org'>JSDoc</a> comments and <a href='https://daringfireball.net/projects/markdown/'>Markdown</a> formated articles. For Javascript and Node.js.
					.column
						.item
							.content
								h2.ui.header
									i.icon.tags
									| Versioning
								p New release? No trouble, your docs are <strong>automatically updated</strong> for tags and <em>selected</em> branches. Continuous Integration for your docs!
				.row
					.column
						.item
							.content
								h2.ui.header
									i.icon.protect
									| No Spam
								p Keep your <strong>repository clean</strong> from documentation artifacts like CSS and HTML files. A single small configuration file is all you need.
					.column
						.item
							.content
								h2.ui.header
									i.icon.lab
									| More Fun
								p Bring your examples to life! Create executable and editable code snippets with the <code>@playground</code> tag. Powered by awesome <a href="https://tonicdev.com">Tonic</a>!
					.column
						.item
							.content
								h2.ui.header
									i.icon.world
									| Free for Open Source
								p Doclets will stay free for Open Source projects. <strong>Forever!</strong> 
	
	
	.ui.vertical.segment
		.ui.container
			h1.ui.centered.header.hero-header 
				span Getting started
			.ui.two.column.middle.aligned.stackable.grid
				.ui.column
					.ui.small.fluid.vertical.ordered.steps
						.step
							.content
								.title 
									i.icon.github
									| Login with GitHub
								.description Doclets.io needs permissions to install a webhook
						.step
							.content
								.title 
									i.icon.plus
									| Add Repository
								.description The source must be <a href='http://usejsdoc.org'>JSDoc</a> commented
						.step
							.content
								.title 
									//.doclets.yml
									i.icon.code 
									| .doclets.yml
								.description Create a simple <a href='/doclets.yml'>configuration file</a>
						.step
							.content
								.title 
									i.icon.cloud.upload
									| Push
								.description Commit and push your changes


				.ui.column
					.ui.embed(data-url='https://youtube.com/embed/V87knrNqT0k')

			if !user
				.login
					a.ui.huge.button.primary#get-started(href='/auth/github') 
						i.github.icon
						.wrap
							span Login with
							| GitHub

	.ui.vertical.segment
		.ui.container
			.recents
				h1.ui.centered.header.hero-header 
					span Newest Doclets
				.ui.three.stacked.stackable.cards
					each docletParams in doclets
						- var doclet = docletParams.doclet
						.card
							.content
								a.header(href=doclet.getDocletUrl())= doclet.repo
									.meta
										span= doclet.version
		
								.description= doclet.getDescription()
									br
									a(href=doclet.getRepoUrl()) all versions
							.extra.content
								span Published #{moment(doclet.createdAt).fromNow()} 
									a.right.floated(href=doclet.owner) by&nbsp;
										span= doclet.owner
										if doclet._owner.image
											img.ui.image(src=doclet._owner.image)
	
<commit_msg>remove superfl colon<commit_after>extends layout.jade


block title
	title Doclets
	meta(name='description', content='The easiest way to publish JSDoc Javascript documentation. The new home for API-Docs.')

block content
	.hero
		.background
		h1.ui.icon.header
			img.icon.logo(src='logo.svg')
			.content(style='border-bottom: 3px solid orange') Doclets
				//.ui.sub.header checked

		p(style='margin-top: 1.2em') API documentation should be more fun.
		.social
			a.twitter-share-button(href='https://twitter.com/share', data-text='No Excuses. The easiest way to publish #JSDoc #javascript #api #documentation!', data-via='doclets_io', data-size='large')
			script#twitter-script
				!function(d,s,id,sid){var js,fjs=d.getElementById(sid),p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';console.log('insert', js, fjs); fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs', 'twitter-script');
			iframe(allowtransparency='true', name='github-star', scrolling='no', frameborder='0', style='border: none; height: 28px; width: 110px;', src='https://buttons.github.io/buttons.html#href%3Dhttps%3A%2F%2Fgithub.com%2Flipp%2Fdoclets%26text%3DStar%26data.count.api%3D%2Frepos%2Flipp%2Fdoclets%23stargazers_count%26data.count.href%3D%2Flipp%2Fdoclets%2Fstargazers%26data.count.aria.label%3D%23%20stargazers%20on%20GitHub%26data.style%3Dmega%26data.icon%3Docticon-star%26aria.label%3DStar%20lipp%2Fdoclets%20on%20GitHub')

		#teaser.ui.container
			.ui.equal.height.stackable.grid
				.row
					.column.six.wide.middle.aligned
						p The <em>Continuous Integration</em> service for Javascript and Node.js that turns boring <em>comments</em> into <em>beautiful</em> hosted API reference pages.
						p <em>Motivating</em> to write. <em>Fun</em> to read.
					.column.ten.wide
						.wrap
							.ui.raised.segment.source
								img.ui.rounded.image(src='playground-code-2.png')
						.ui.raised.segment#playground
							svg(width='65px',	height='91px',	viewbox='0	0	65	91',	version='1.1',	xmlns='http://www.w3.org/2000/svg',	xmlns:xlink='http://www.w3.org/1999/xlink')
									g#Current(stroke='none',	stroke-width='1',	fill='none',	fill-rule='evenodd')
											g(transform='translate(-923.000000,	-190.000000)',	stroke-linecap='round',	stroke='white',	stroke-width='5')
													g(id='CTA-Copy-+-We’re-on-a-mission-t-Copy-+-arrow-copy',	transform='translate(295.000000,	109.000000)')
															g#arrow-copy(transform='translate(661.500000,	127.000000)	rotate(5.000000)	translate(-661.500000,	-127.000000)	translate(633.500000,	84.000000)')
																	path#Path-9976(d='M26.3867187,0.0625	C69.2539062,7.56640625	67.4970703,74.3291016	5.59472656,77.4707031')
																	path#Path-9977(d='M15.9194843,57.9747585	C14.7553017,67.8064006	1.5766365,79.1648387	1.5766365,79.1648387	C1.5766365,79.1648387	9.11783427,85.7647194	25.0799629,84.3735088',	stroke-linejoin='round',	transform='translate(13.328300,	71.270458)	rotate(7.000000)	translate(-13.328300,	-71.270458)	')
							img#playground-gif.ui.fluid.image(src='playground2.gif')
						a#try-playground(href='/lipp/numbers.js/add-to-doclets#dl-statistic-correlation') Try it!
		
		.info 
			span Doclets.io is in alpha phase. 
			span Please report issues or give feedback <a href="https://github.com/lipp/doclets/issues">here</a>.


	#samples.ui.vertical.segment
		.ui.container
			#diagram
				.ui.grid
					.center.aligned.row
						.column.sixteen.wide
							span.ui.black.big.label
								i.icon.code.text
								strong JSDoc
							i.icon.plus
							span.ui.black.big.label
								i.icon.file.text
								strong Markdown
							i.icon.plus
							span.ui.black.big.label
								i.icon.file.text.outline
								strong .doclets.yml
					.center.aligned.row
						.column.sixteen.wide
							#cloud
								i.huge.angle.double.down.icon

			#screenshots
				a.img-api(href='/lipp/ScrollMagic/add-to-doclets')
					img.ui.big.circular2.bordered.image(src='doclets_screen_api.png')
				a.img-md(href='/lipp/ScrollMagic/add-to-doclets/about')
					img.ui.big.circular2.bordered.image(src='doclets_screen_md.png')

	#quotes.ui.vertical.segment
		.ui.container
			.ui.three.columns.equal.height.stackable.grid
				.center.aligned.row
					.middle.aligned.column
						h1.ui.center.aligned.header
							a(href='https://gitter.im/lipp/doclets')
								blockquote(cite='https://gitter.im/lipp/doclets') We are always struggling to keep our code documented
						.qwrap
							img(src='https://avatars2.githubusercontent.com/u/188269?v=3&s=460')
							.qqwrap
								.author 
									a(href='https://github.com/Cinezaster') Cinezaster
								.company 
									a(href='http://www.appsaloon.be') AppSaloon
					.middle.aligned.column
						h1.ui.center.aligned.header
							a(href='https://twitter.com/kentcdodds/status/703261574731988992')
								blockquote(cite='https://twitter.com/kentcdodds/status/703261574731988992') Looks swell. Gotta try ...
						img(src='https://pbs.twimg.com/profile_images/568536479643619329/EKlQXV6h_bigger.png')
						.qqwrap
							.author 
								a(href='https://twitter.com/kentcdodds') <NAME>
							.company 
								a(href='https://www.paypal.com') PayPal
					.middle.aligned.column
						h1.ui.center.aligned.header
							a
								blockquote(cite='https://twitter.com/obartra/status/703976984297209857') Doclets makes it very easy to publish JSDoc commented projects 
						img(src='https://pbs.twimg.com/profile_images/3398595274/4be3428667b0d95d2e86502d74925edc_bigger.jpeg')
						.qqwrap
							.author 
								a(href='https://twitter.com/obartra') <NAME>
							.company 
								a(href='http://www.paperg.com') PaperG



	#features.ui.vertical.segment
		.ui.container
			.ui.three.column.equal.height.stackable.grid
				.row
					.column
						.item
							.content 
								h2.ui.header 
									i.icon.dollar
									| Safes Time & Money
								p Reduce your setup time <strong>from hours to minutes</strong>. No server config, no build system setup!
					.column
						.item
							.content
								h2.ui.header
									i.icon.file.text
									| Standard Formats
								p Create beautiful API reference docs just out of standard <a href='http://usejsdoc.org'>JSDoc</a> comments and <a href='https://daringfireball.net/projects/markdown/'>Markdown</a> formated articles. For Javascript and Node.js.
					.column
						.item
							.content
								h2.ui.header
									i.icon.tags
									| Versioning
								p New release? No trouble, your docs are <strong>automatically updated</strong> for tags and <em>selected</em> branches. Continuous Integration for your docs!
				.row
					.column
						.item
							.content
								h2.ui.header
									i.icon.protect
									| No Spam
								p Keep your <strong>repository clean</strong> from documentation artifacts like CSS and HTML files. A single small configuration file is all you need.
					.column
						.item
							.content
								h2.ui.header
									i.icon.lab
									| More Fun
								p Bring your examples to life! Create executable and editable code snippets with the <code>@playground</code> tag. Powered by awesome <a href="https://tonicdev.com">Tonic</a>!
					.column
						.item
							.content
								h2.ui.header
									i.icon.world
									| Free for Open Source
								p Doclets will stay free for Open Source projects. <strong>Forever!</strong> 
	
	
	.ui.vertical.segment
		.ui.container
			h1.ui.centered.header.hero-header 
				span Getting started
			.ui.two.column.middle.aligned.stackable.grid
				.ui.column
					.ui.small.fluid.vertical.ordered.steps
						.step
							.content
								.title 
									i.icon.github
									| Login with GitHub
								.description Doclets.io needs permissions to install a webhook
						.step
							.content
								.title 
									i.icon.plus
									| Add Repository
								.description The source must be <a href='http://usejsdoc.org'>JSDoc</a> commented
						.step
							.content
								.title 
									//.doclets.yml
									i.icon.code 
									| .doclets.yml
								.description Create a simple <a href='/doclets.yml'>configuration file</a>
						.step
							.content
								.title 
									i.icon.cloud.upload
									| Push
								.description Commit and push your changes


				.ui.column
					.ui.embed(data-url='https://youtube.com/embed/V87knrNqT0k')

			if !user
				.login
					a.ui.huge.button.primary#get-started(href='/auth/github') 
						i.github.icon
						.wrap
							span Login with
							| GitHub

	.ui.vertical.segment
		.ui.container
			.recents
				h1.ui.centered.header.hero-header 
					span Newest Doclets
				.ui.three.stacked.stackable.cards
					each docletParams in doclets
						- var doclet = docletParams.doclet
						.card
							.content
								a.header(href=doclet.getDocletUrl())= doclet.repo
									.meta
										span= doclet.version
		
								.description= doclet.getDescription()
									br
									a(href=doclet.getRepoUrl()) all versions
							.extra.content
								span Published #{moment(doclet.createdAt).fromNow()} 
									a.right.floated(href=doclet.owner) by&nbsp;
										span= doclet.owner
										if doclet._owner.image
											img.ui.image(src=doclet._owner.image)
	

{'fraction_non_alphanumeric': 0.13407193320488117, 'fraction_numerical': 0.05908798972382787, 'mean_word_length': 2.647276986140933, 'pattern_counts': {'":': 0, '<': 75, '<?xml version=': 0, '>': 75, 'https://': 36, 'lorem ipsum': 0, 'www.': 10, 'xml': 4}, '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': '5476747', 'n_tokens_mistral': 9319, 'n_tokens_neox': 6353, 'n_words': 1088}