initial github.io page

Gruntfile.js

@@ -0,0 +1,31 @@
+module.exports = function (grunt) {
+
+	grunt.initConfig({
+		uglify: {
+			dist: {
+				files: {
+					'assets/javascripts/dist.min.js': [
+						'./bower_components/jquery/dist/jquery.min.js',
+						'./bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/tooltip.js',
+						'./bower_components/bootstrap-sass-official/assets/javascripts/bootstrap/popover.js',
+						'./bower_components/retina.js/dist/retina.min.js',
+						'./bower_components/springy/springy.js',
+						'./bower_components/jquery.scrollTo/jquery.scrollTo.min.js',
+						'./bower_components/jquery.localScroll/jquery.localScroll.min.js',
+						'./bower_components/jquery-waypoints/waypoints.min.js',
+						'./bower_components/ajaxchimp/jquery.ajaxchimp.min.js',
+						'./assets/javascripts/springyui.js',
+						'./assets/javascripts/jquery.skOuterClick.js',
+						'./assets/javascripts/main.js'
+					]
+				}
+			}
+		}
+	});
+
+	grunt.loadNpmTasks('grunt-contrib-uglify');
+
+	grunt.registerTask('default', [
+		'uglify:dist'
+	]);
+};

_config.yml

@@ -0,0 +1,38 @@
+# Site settings
+title: Peeriod
+subtitle: Bleeding Edge File Sharing
+email: [email protected]
+description: "Peeriod is an open source project which makes privacy protected peer-to-peer file sharing available to the masses."
+baseurl: /
+url: https://peeriodproject.github.io
+homeTooltipLabel: "Go home Peeriod, you're drunk."
+
+# https://github.com/sunlightlabs/congress/commit/6426761a671d46df6fc5d2526bdaf506c39d789c
+enforce_ssl: peeriodproject.github.io
+
+collections:
+  - features
+  - developers
+  - downloads
+
+footerPages:
+  - contact.md
+  - resources.md
+  - donate.md
+
+piwikUrl: https://ssl.webpack.de/tracker.peeriodproject.org
+piwikSiteId: 1
+
+# Build settings
+markdown: kramdown
+permalink: pretty
+
+exclude:
+ - bower_components
+ - bower.json
+ - Gruntfile.js
+ - node_modules
+ - package.json
+
+sass:
+  style: compressed

_data/download.yml

@@ -0,0 +1,4 @@
+version: 0.1.0
+versionLabel: Version
+availableFor: For Mac OSX 10.7 and above.<br/>Windows coming soon.
+href: /dl/peeriod-latest.dmg

_data/index.yml

@@ -0,0 +1,9 @@
+title: "Share files with everyone – anonymously."
+content: "Peeriod lets you search, provide and download content without servers, trackers, nor revealing your identity."
+button:
+  download:
+    label: Download Peeriod Alpha
+    href: "#download"
+  readMore:
+    label: Give me the tour
+    href: "#features"

_data/newsletter.yml

@@ -0,0 +1,2 @@
+title: "Newsletter"
+content: "Sign up below to receive all the latest developments and news from Peeriod."

_data/sharing.yml

@@ -0,0 +1,2 @@
+shareurl: http://bit.ly/peeriod
+tweet: "Peeriod wants to make privacy protected peer-to-peer file sharing available to the masses."

_data/thirdparty.yml

@@ -0,0 +1,9 @@
+github:
+  username: peeriodproject
+  label: GitHub
+  href: https://github.com/peeriodproject
+  repository: core
+twitter:
+  username: "@peeriodproject"
+  label: Twitter
+  href: https://twitter.com/peeriodproject

_developers/01-developer-code.md

@@ -0,0 +1,9 @@
+---
+title: The Code
+button:
+  href: https://github.com/peeriodproject
+  label: Peeriod on GitHub
+---
+
+Peeriod's core is written in JavaScript and runs in an application that is powered by node.js. Peeriod's interface lives in the browser.
+The repositories featuring the complete source code are available on GitHub.

_developers/02-developer-concept.md

@@ -0,0 +1,11 @@
+---
+title: The Concept
+button:
+  href: /dl/peeriod_an-anonymous-approach-for-decentralized-overlay-networks.pdf
+  label: View Concept PDF
+---
+
+Peeriod's current implementation tries to avoid a public key infrastructure.
+This document contains the concepts Peeriod is based on.
+How is anonymity pursued?
+Who do we try to protect you from, and what are the downsides of our decisions?

_developers/03-developer-design.md

@@ -0,0 +1,9 @@
+---
+title: The Design
+button:
+  href: /dl/peeriod_application-design-specifications.pdf
+  label: View Design PDF
+---
+
+Read here how the application utilizes its concepts, how the message protocol is implemented and what technologies are used.  
+This document also contains known problems and planned future improvements.

_developers/main.md

@@ -0,0 +1,8 @@
+---
+title: For Developers and Users Alike
+---
+
+Peeriod is our final thesis project. It's an open source experiment in a very early stage.<br/>
+Thus Peeriod relies on the help and interest of others. <br/>No piece of software can be considered secure until its design and concepts have been reviewed and tested by the skills of many. <br/>No matter if you are a developer, an user, or just interested in what is happening behind the scenes:  
+<br/>
+Your criticism is Peeriod's most valuable good.

_downloads/main.md

@@ -0,0 +1,6 @@
+---
+title: Download Peeriod Alpha
+button:
+  label: Download Peeriod Alpha
+---
+Nullam quis risus eget urna mollis ornare vel eu leo. Cras justo odio, dapibus ac facilisis in, egestas eget quam.

_downloads/started.md

@@ -0,0 +1,14 @@
+---
+title: Thank you for giving Peeriod a try!
+linkToContactLabel: Contact Us
+---
+
+Please note the following:
+
+1. Peeriod's aim is to make mass traffic observation harder and to protect your privacy when sharing files with complete strangers. For this, Peeriod tries to avoid central certificate authorities (ourselves included). 
+Thus your privacy is currently __not__ protected from an active so called [_man-in-the-middle_](https://en.wikipedia.org/wiki/Man-in-the-middle_attack). This is an attacker who is able to monitor and especially ___adaptively modify___ ___all your network traffic___, usually sitting in your local network. However, Peeriod __does__ protect your privacy from passive eavesdroppers and especially ___other adaptive and curious Peeriod users___.
+
+2. That said, please keep in mind that Peeriod is still an early experiment. 
+So until proper review and longtime experience in the field, please be as careful as you always should be.
+
+3. Sharing is caring. Care responsibly.

_features/01-feature-decentralization.md

@@ -0,0 +1,10 @@
+---
+title: Decentralization
+dynamicImage: decentralization
+smallImage: decentralization-small.png
+smallClassName: decentralization
+---
+
+Peeriod transfers data directly between computers.
+No single corporate cloud that sells you out.
+Everyone's the cloud, because your data should stay where it belongs – on your computer.

_features/02-feature-anonymity.md

@@ -0,0 +1,12 @@
+---
+title: Anonymity
+dynamicInclude: feature-anonymity-animation.html
+smallImage: cloud2.png
+smallClassName: clouds
+---
+
+Your privacy is our motivation.<br/>
+What you download or share with others is noone else's business: 
+Your data is routed through other users before it reaches its destination.
+As your data is encrypted, nobody on the way knows what is being transferred, where it came from, or where it's bound for.
+Thus an eavesdropper has a hard time figuring out what files you are uploading, downloading, or even searching for.

_features/03-feature-search.md

@@ -0,0 +1,13 @@
+---
+title: Instant, Trackerless Search
+image: search
+image: search-animation.gif
+imageClass: search
+smallImage: search-small.png
+smallClassName: search
+---
+
+Peeriod's full-text search bubbles anonymously through the network. 
+No trackers, no external indexing.
+Only you know what you want. And what you have.<br/>
+If a result fits your needs, it can be instantly downloaded with just one click.

_includes/footer.html

@@ -0,0 +1,53 @@
+<footer class="footer-section">
+		<p class="text-center col-xs-11 col-sm-12 col-sm-offset-0">
+			{% assign seperator = '<span class="seperator">&middot;</span>' %}
+			2014 {{ seperator }} <a href="{{ site.url }}">{{ site.title }}</a> {{ seperator }} 
+
+			{% for page in site.pages %}
+				{% if site.footerPages contains page.name %}
+					<a href="{{ page.url }}" rel="contact">{{ page.title }}</a> {{ seperator }} 
+				{% endif %}
+			{% endfor %}
+
+			{% for thirdparty in site.data.thirdparty %}
+				<a href="{{ thirdparty[1].href }}" rel="external">{{ thirdparty[1].label }}</a>{% if forloop.last != true%} {{ seperator }} {% endif %}
+			{% endfor %}
+		</p>
+		<a href="#top" class="back-to-top"></a>
+</footer>
+
+<script type="text/javascript" src="{{ "assets/javascripts/dist.min.js" | prepend: site.baseurl }}"></script>
+
+
+{% comment %} ------------- Statistics  ------------ {% endcomment %}
+<script type="text/javascript">
+    var _paq = _paq || [];
+    (function(){ var u="{{ site.piwikUrl }}/";
+    _paq.push(['setSiteId', {{ site.piwikSiteId }}]);
+    _paq.push(['setTrackerUrl', u+'piwik.php']);
+    _paq.push(['trackPageView']);
+    _paq.push(['enableLinkTracking']);
+    var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.type='text/javascript'; g.defer=true; g.async=true; g.src=u+'piwik.js';
+    s.parentNode.insertBefore(g,s); })();
+</script>
+<noscript><p><img src="{{ site.piwikUrl }}/piwik.php?idsite={{ site.piwikSiteId }}" style="border:0;" alt="" /></p></noscript>
+
+{% comment %} ------------- Sharing  --------------- {% endcomment %}
+
+<script>(function(d, s, id) {
+	var js, fjs = d.getElementsByTagName(s)[0];
+	if (d.getElementById(id)) { return; }
+	js = d.createElement(s); js.id = id;
+	js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
+	fjs.parentNode.insertBefore(js, fjs);
+}(document, 'script', 'facebook-jssdk'));</script>
+
+<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],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';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
+
+<script type="text/javascript">
+  (function() {
+    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
+    po.src = 'https://apis.google.com/js/plusone.js';
+    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
+  })();
+</script>

_includes/head/favicons.html

@@ -0,0 +1,15 @@
+<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
+<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
+<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
+<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
+<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
+<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
+<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
+<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
+<link rel="icon" type="image/png" href="/favicon-196x196.png" sizes="196x196">
+<link rel="icon" type="image/png" href="/favicon-160x160.png" sizes="160x160">
+<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
+<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16">
+<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32">
+<meta name="msapplication-TileColor" content="#FF0045">
+<meta name="msapplication-TileImage" content="/mstile-144x144.png">

_includes/head/head.html

@@ -0,0 +1,40 @@
+<head prefix="og: http://ogp.me/ns#">
+	<meta charset="utf-8">
+	<meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+	<title>{% if page.title %}{{ page.title }} | {% endif %}{{ site.title }} – {{ site.subtitle }}</title>
+
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+
+	{% if page.metaDescription %}
+		<meta name="description" content="{{ page.metaDescription }}">
+	{% else %}
+		<meta name="description" content="{{ site.description }}">
+	{% endif %}
+
+	{% include head/favicons.html %}
+
+	{% include head/opengraph-twitter.html %}
+	{% include head/opengraph.html %}
+
+	{% if site.enforce_ssl %}
+		{% comment %}
+		redirect users to the https version of the website.
+		but: only check when on the production domain, as set in _config.yml.
+		{% endcomment %}
+		<script type="text/javascript">
+			var enforce = "{{ site.enforce_ssl }}";
+			if ((enforce == window.location.host) && (window.location.protocol != "https:"))
+			window.location = window.location.toString().replace(/^http:/, "https:");
+		</script>
+	{% endif %}
+
+	<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
+	<link rel="stylesheet" href="{{ "assets/stylesheets/main.css" | prepend: site.baseurl }}">
+
+	<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
+	<!--[if lt IE 9]>
+	  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+	  <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+	<![endif]-->
+</head>

_includes/head/opengraph-twitter.html

@@ -0,0 +1,3 @@
+<meta name="twitter:card" content="summary" />
+<meta name="twitter:site" content="{{ site.data.thirdparty.twitter.username }}" />
+<meta name="twitter:creator" content="{{ site.data.thirdparty.twitter.username }}" />

_includes/head/opengraph.html

@@ -0,0 +1,12 @@
+<meta property="og:url" content="{{ site.url }}">
+{% if title %}
+<meta property="og:title" content="{{ title }}">
+{% endif %}
+<meta property="og:site_name" content="{{ site.title }} – {{ site.subtitle }}"/>
+<meta property="og:description" content="{{ site.description }}">
+<meta property="og:image" content="{{ "assets/images/og.twitter.png" | prepend: site.baseurl }}">
+<meta property="og:image:secure_url" content="{{ "assets/images/og.twitter.png" | prepend: site.baseurl }}" />
+<meta property="og:image:type" content="image/png" />
+<meta property="og:image:width" content="512" />
+<meta property="og:image:height" content="512" />
+<meta property="og:type" content="website">

_includes/header.html

@@ -0,0 +1,9 @@
+<header class="page-header">
+
+	<div class="text-center">
+		<a href="{{ site.baseurl }}" class="logo-link" data-toggle="tooltip" data-placement="left" title="{{ site.homeTooltipLabel }}" rel="home">
+			<img src="{{ 'assets/images/icon-shadow-128.png' | prepend: site.baseurl }}" alt="{{ site.title }} – {{ site.subtitle }}" class="logo" />
+		</a>
+	</div>
+
+</header>

_includes/home/developers/developer.html

@@ -0,0 +1,9 @@
+<div class="col-xs-10 col-xs-offset-1 col-sm-offset-0 col-sm-4 col-md-4 col-lg-4 text-center">
+	<h3>{{ developer.title }}</h3>
+	<div class="text-center text-xs">
+		{{ developer.output }}
+	</div>
+	{% if developer.button %}
+		<a target="_blank" class="btn btn-default" href="{{ developer.button.href }}">{{ developer.button.label }}</a>
+	{% endif %}
+</div>

_includes/home/developers/developers.html

@@ -0,0 +1,26 @@
+<section class="developers-section" id="developers">
+	<div class="container">
+		{% assign sectionHeader = site.developers | where:'relative_path', '_developers/main.md' | first %}
+
+		{% if sectionHeader %}
+			<div class="row">
+				<div class="col-xs-12 col-sm-12 col-md-12 col-lg-10 col-lg-offset-1">
+					<div class="page-header text-center">
+						<h2>
+							 {{ sectionHeader.title }}
+						</h2>
+						<p class="text-center _lead">{{ sectionHeader.content | | remove: '<p>' | remove: '</p>' }}</p>
+					</div>
+				</div>
+			</div>
+		{% endif %}
+
+		<div class="row">
+			{% for developer in site.developers %}
+				{% if developer.relative_path != '_developers/main.md' %}
+					{% include home/developers/developer.html %}
+				{% endif %}
+			{% endfor %}
+		</div>
+	</div>
+</section>