+ +
+ The best 4chan browser for Android
+
","
"]},tb=eb(z),ub=tb.appendChild(z.createElement("div"));sb.optgroup=sb.option,sb.tbody=sb.tfoot=sb.colgroup=sb.caption=sb.thead,sb.th=sb.td;function vb(a,b){var c,d,e=0,f=typeof a.getElementsByTagName!==L?a.getElementsByTagName(b||"*"):typeof a.querySelectorAll!==L?a.querySelectorAll(b||"*"):void 0;if(!f)for(f=[],c=a.childNodes||a;null!=(d=c[e]);e++)!b||n.nodeName(d,b)?f.push(d):n.merge(f,vb(d,b));return void 0===b||b&&n.nodeName(a,b)?n.merge([a],f):f}function wb(a){X.test(a.type)&&(a.defaultChecked=a.checked)}function xb(a,b){return n.nodeName(a,"table")&&n.nodeName(11!==b.nodeType?b:b.firstChild,"tr")?a.getElementsByTagName("tbody")[0]||a.appendChild(a.ownerDocument.createElement("tbody")):a}function yb(a){return a.type=(null!==n.find.attr(a,"type"))+"/"+a.type,a}function zb(a){var b=qb.exec(a.type);return b?a.type=b[1]:a.removeAttribute("type"),a}function Ab(a,b){for(var c,d=0;null!=(c=a[d]);d++)n._data(c,"globalEval",!b||n._data(b[d],"globalEval"))}function Bb(a,b){if(1===b.nodeType&&n.hasData(a)){var c,d,e,f=n._data(a),g=n._data(b,f),h=f.events;if(h){delete g.handle,g.events={};for(c in h)for(d=0,e=h[c].length;e>d;d++)n.event.add(b,c,h[c][d])}g.data&&(g.data=n.extend({},g.data))}}function Cb(a,b){var c,d,e;if(1===b.nodeType){if(c=b.nodeName.toLowerCase(),!l.noCloneEvent&&b[n.expando]){e=n._data(b);for(d in e.events)n.removeEvent(b,d,e.handle);b.removeAttribute(n.expando)}"script"===c&&b.text!==a.text?(yb(b).text=a.text,zb(b)):"object"===c?(b.parentNode&&(b.outerHTML=a.outerHTML),l.html5Clone&&a.innerHTML&&!n.trim(b.innerHTML)&&(b.innerHTML=a.innerHTML)):"input"===c&&X.test(a.type)?(b.defaultChecked=b.checked=a.checked,b.value!==a.value&&(b.value=a.value)):"option"===c?b.defaultSelected=b.selected=a.defaultSelected:("input"===c||"textarea"===c)&&(b.defaultValue=a.defaultValue)}}n.extend({clone:function(a,b,c){var d,e,f,g,h,i=n.contains(a.ownerDocument,a);if(l.html5Clone||n.isXMLDoc(a)||!hb.test("<"+a.nodeName+">")?f=a.cloneNode(!0):(ub.innerHTML=a.outerHTML,ub.removeChild(f=ub.firstChild)),!(l.noCloneEvent&&l.noCloneChecked||1!==a.nodeType&&11!==a.nodeType||n.isXMLDoc(a)))for(d=vb(f),h=vb(a),g=0;null!=(e=h[g]);++g)d[g]&&Cb(e,d[g]);if(b)if(c)for(h=h||vb(a),d=d||vb(f),g=0;null!=(e=h[g]);g++)Bb(e,d[g]);else Bb(a,f);return d=vb(f,"script"),d.length>0&&Ab(d,!i&&vb(a,"script")),d=h=e=null,f},buildFragment:function(a,b,c,d){for(var e,f,g,h,i,j,k,m=a.length,o=eb(b),p=[],q=0;m>q;q++)if(f=a[q],f||0===f)if("object"===n.type(f))n.merge(p,f.nodeType?[f]:f);else if(mb.test(f)){h=h||o.appendChild(b.createElement("div")),i=(kb.exec(f)||["",""])[1].toLowerCase(),k=sb[i]||sb._default,h.innerHTML=k[1]+f.replace(jb,"<$1>")+k[2],e=k[0];while(e--)h=h.lastChild;if(!l.leadingWhitespace&&ib.test(f)&&p.push(b.createTextNode(ib.exec(f)[0])),!l.tbody){f="table"!==i||lb.test(f)?"| t |
").append(n.parseHTML(a)).find(d):a)}).complete(c&&function(a,b){g.each(c,e||[a.responseText,b,a])}),this},n.expr.filters.animated=function(a){return n.grep(n.timers,function(b){return a===b.elem}).length};var dd=a.document.documentElement;function ed(a){return n.isWindow(a)?a:9===a.nodeType?a.defaultView||a.parentWindow:!1}n.offset={setOffset:function(a,b,c){var d,e,f,g,h,i,j,k=n.css(a,"position"),l=n(a),m={};"static"===k&&(a.style.position="relative"),h=l.offset(),f=n.css(a,"top"),i=n.css(a,"left"),j=("absolute"===k||"fixed"===k)&&n.inArray("auto",[f,i])>-1,j?(d=l.position(),g=d.top,e=d.left):(g=parseFloat(f)||0,e=parseFloat(i)||0),n.isFunction(b)&&(b=b.call(a,c,h)),null!=b.top&&(m.top=b.top-h.top+g),null!=b.left&&(m.left=b.left-h.left+e),"using"in b?b.using.call(a,m):l.css(m)}},n.fn.extend({offset:function(a){if(arguments.length)return void 0===a?this:this.each(function(b){n.offset.setOffset(this,a,b)});var b,c,d={top:0,left:0},e=this[0],f=e&&e.ownerDocument;if(f)return b=f.documentElement,n.contains(b,e)?(typeof e.getBoundingClientRect!==L&&(d=e.getBoundingClientRect()),c=ed(f),{top:d.top+(c.pageYOffset||b.scrollTop)-(b.clientTop||0),left:d.left+(c.pageXOffset||b.scrollLeft)-(b.clientLeft||0)}):d},position:function(){if(this[0]){var a,b,c={top:0,left:0},d=this[0];return"fixed"===n.css(d,"position")?b=d.getBoundingClientRect():(a=this.offsetParent(),b=this.offset(),n.nodeName(a[0],"html")||(c=a.offset()),c.top+=n.css(a[0],"borderTopWidth",!0),c.left+=n.css(a[0],"borderLeftWidth",!0)),{top:b.top-c.top-n.css(d,"marginTop",!0),left:b.left-c.left-n.css(d,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var a=this.offsetParent||dd;while(a&&!n.nodeName(a,"html")&&"static"===n.css(a,"position"))a=a.offsetParent;return a||dd})}}),n.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(a,b){var c=/Y/.test(b);n.fn[a]=function(d){return W(this,function(a,d,e){var f=ed(a);return void 0===e?f?b in f?f[b]:f.document.documentElement[d]:a[d]:void(f?f.scrollTo(c?n(f).scrollLeft():e,c?e:n(f).scrollTop()):a[d]=e)},a,d,arguments.length,null)}}),n.each(["top","left"],function(a,b){n.cssHooks[b]=Mb(l.pixelPosition,function(a,c){return c?(c=Kb(a,b),Ib.test(c)?n(a).position()[b]+"px":c):void 0})}),n.each({Height:"height",Width:"width"},function(a,b){n.each({padding:"inner"+a,content:b,"":"outer"+a},function(c,d){n.fn[d]=function(d,e){var f=arguments.length&&(c||"boolean"!=typeof d),g=c||(d===!0||e===!0?"margin":"border");return W(this,function(b,c,d){var e;return n.isWindow(b)?b.document.documentElement["client"+a]:9===b.nodeType?(e=b.documentElement,Math.max(b.body["scroll"+a],e["scroll"+a],b.body["offset"+a],e["offset"+a],e["client"+a])):void 0===d?n.css(b,c,g):n.style(b,c,d,g)},b,f?d:void 0,f,null)}})}),n.fn.size=function(){return this.length},n.fn.andSelf=n.fn.addBack,"function"==typeof define&&define.amd&&define("jquery",[],function(){return n});var fd=a.jQuery,gd=a.$;return n.noConflict=function(b){return a.$===n&&(a.$=gd),b&&a.jQuery===n&&(a.jQuery=fd),n},typeof b===L&&(a.jQuery=a.$=n),n});
diff --git a/assets/js/jquery.cycle.lite.js b/assets/js/jquery.cycle.lite.js
deleted file mode 100644
index d22ed39e..00000000
--- a/assets/js/jquery.cycle.lite.js
+++ /dev/null
@@ -1,235 +0,0 @@
-/*!
- * jQuery Cycle Lite Plugin
- * http://malsup.com/jquery/cycle/lite/
- * Copyright (c) 2008-2012 M. Alsup
- * Version: 1.7 (20-FEB-2013)
- * Dual licensed under the MIT and GPL licenses:
- * http://www.opensource.org/licenses/mit-license.php
- * http://www.gnu.org/licenses/gpl.html
- * Requires: jQuery v1.3.2 or later
- */
-;(function($) {
-"use strict";
-
-var ver = 'Lite-1.7';
-var msie = /MSIE/.test(navigator.userAgent);
-
-$.fn.cycle = function(options) {
- return this.each(function() {
- options = options || {};
-
- if (this.cycleTimeout)
- clearTimeout(this.cycleTimeout);
-
- this.cycleTimeout = 0;
- this.cyclePause = 0;
-
- var $cont = $(this);
- var $slides = options.slideExpr ? $(options.slideExpr, this) : $cont.children();
- var els = $slides.get();
- if (els.length < 2) {
- if (window.console)
- console.log('terminating; too few slides: ' + els.length);
- return; // don't bother
- }
-
- // support metadata plugin (v1.0 and v2.0)
- var opts = $.extend({}, $.fn.cycle.defaults, options || {}, $.metadata ? $cont.metadata() : $.meta ? $cont.data() : {});
- var meta = $.isFunction($cont.data) ? $cont.data(opts.metaAttr) : null;
- if (meta)
- opts = $.extend(opts, meta);
-
- opts.before = opts.before ? [opts.before] : [];
- opts.after = opts.after ? [opts.after] : [];
- opts.after.unshift(function(){ opts.busy=0; });
-
- // allow shorthand overrides of width, height and timeout
- var cls = this.className;
- opts.width = parseInt((cls.match(/w:(\d+)/)||[])[1], 10) || opts.width;
- opts.height = parseInt((cls.match(/h:(\d+)/)||[])[1], 10) || opts.height;
- opts.timeout = parseInt((cls.match(/t:(\d+)/)||[])[1], 10) || opts.timeout;
-
- if ($cont.css('position') == 'static')
- $cont.css('position', 'relative');
- if (opts.width)
- $cont.width(opts.width);
- if (opts.height && opts.height != 'auto')
- $cont.height(opts.height);
-
- var first = 0;
- $slides.css({position: 'absolute', top:0}).each(function(i) {
- $(this).css('z-index', els.length-i);
- });
-
- $(els[first]).css('opacity',1).show(); // opacity bit needed to handle reinit case
- if (msie)
- els[first].style.removeAttribute('filter');
-
- if (opts.fit && opts.width)
- $slides.width(opts.width);
- if (opts.fit && opts.height && opts.height != 'auto')
- $slides.height(opts.height);
- if (opts.pause)
- $cont.hover(function(){this.cyclePause=1;}, function(){this.cyclePause=0;});
-
- var txFn = $.fn.cycle.transitions[opts.fx];
- if (txFn)
- txFn($cont, $slides, opts);
-
- $slides.each(function() {
- var $el = $(this);
- this.cycleH = (opts.fit && opts.height) ? opts.height : $el.height();
- this.cycleW = (opts.fit && opts.width) ? opts.width : $el.width();
- });
-
- if (opts.cssFirst)
- $($slides[first]).css(opts.cssFirst);
-
- if (opts.timeout) {
- // ensure that timeout and speed settings are sane
- if (opts.speed.constructor == String)
- opts.speed = {slow: 600, fast: 200}[opts.speed] || 400;
- if (!opts.sync)
- opts.speed = opts.speed / 2;
- while((opts.timeout - opts.speed) < 250)
- opts.timeout += opts.speed;
- }
- opts.speedIn = opts.speed;
- opts.speedOut = opts.speed;
-
- opts.slideCount = els.length;
- opts.currSlide = first;
- opts.nextSlide = 1;
-
- // fire artificial events
- var e0 = $slides[first];
- if (opts.before.length)
- opts.before[0].apply(e0, [e0, e0, opts, true]);
- if (opts.after.length > 1)
- opts.after[1].apply(e0, [e0, e0, opts, true]);
-
- if (opts.click && !opts.next)
- opts.next = opts.click;
- if (opts.next)
- $(opts.next).unbind('click.cycle').bind('click.cycle', function(){return advance(els,opts,opts.rev?-1:1);});
- if (opts.prev)
- $(opts.prev).unbind('click.cycle').bind('click.cycle', function(){return advance(els,opts,opts.rev?1:-1);});
-
- if (opts.timeout)
- this.cycleTimeout = setTimeout(function() {
- go(els,opts,0,!opts.rev);
- }, opts.timeout + (opts.delay||0));
- });
-};
-
-function go(els, opts, manual, fwd) {
- if (opts.busy)
- return;
- var p = els[0].parentNode, curr = els[opts.currSlide], next = els[opts.nextSlide];
- if (p.cycleTimeout === 0 && !manual)
- return;
-
- if (manual || !p.cyclePause) {
- if (opts.before.length)
- $.each(opts.before, function(i,o) { o.apply(next, [curr, next, opts, fwd]); });
- var after = function() {
- if (msie)
- this.style.removeAttribute('filter');
- $.each(opts.after, function(i,o) { o.apply(next, [curr, next, opts, fwd]); });
- queueNext(opts);
- };
-
- if (opts.nextSlide != opts.currSlide) {
- opts.busy = 1;
- $.fn.cycle.custom(curr, next, opts, after);
- }
- var roll = (opts.nextSlide + 1) == els.length;
- opts.nextSlide = roll ? 0 : opts.nextSlide+1;
- opts.currSlide = roll ? els.length-1 : opts.nextSlide-1;
- } else {
- queueNext(opts);
- }
-
- function queueNext(opts) {
- if (opts.timeout)
- p.cycleTimeout = setTimeout(function() { go(els,opts,0,!opts.rev); }, opts.timeout);
- }
-}
-
-// advance slide forward or back
-function advance(els, opts, val) {
- var p = els[0].parentNode, timeout = p.cycleTimeout;
- if (timeout) {
- clearTimeout(timeout);
- p.cycleTimeout = 0;
- }
- opts.nextSlide = opts.currSlide + val;
- if (opts.nextSlide < 0) {
- opts.nextSlide = els.length - 1;
- }
- else if (opts.nextSlide >= els.length) {
- opts.nextSlide = 0;
- }
- go(els, opts, 1, val>=0);
- return false;
-}
-
-$.fn.cycle.custom = function(curr, next, opts, cb) {
- var $l = $(curr), $n = $(next);
- $n.css(opts.cssBefore);
- var fn = function() {$n.animate(opts.animIn, opts.speedIn, opts.easeIn, cb);};
- $l.animate(opts.animOut, opts.speedOut, opts.easeOut, function() {
- $l.css(opts.cssAfter);
- if (!opts.sync)
- fn();
- });
- if (opts.sync)
- fn();
-};
-
-$.fn.cycle.transitions = {
- fade: function($cont, $slides, opts) {
- $slides.not(':eq(0)').hide();
- opts.cssBefore = { opacity: 0, display: 'block' };
- opts.cssAfter = { display: 'none' };
- opts.animOut = { opacity: 0 };
- opts.animIn = { opacity: 1 };
- },
- fadeout: function($cont, $slides, opts) {
- opts.before.push(function(curr,next,opts,fwd) {
- $(curr).css('zIndex',opts.slideCount + (fwd === true ? 1 : 0));
- $(next).css('zIndex',opts.slideCount + (fwd === true ? 0 : 1));
- });
- $slides.not(':eq(0)').hide();
- opts.cssBefore = { opacity: 1, display: 'block', zIndex: 1 };
- opts.cssAfter = { display: 'none', zIndex: 0 };
- opts.animOut = { opacity: 0 };
- opts.animIn = { opacity: 1 };
- }
-};
-
-$.fn.cycle.ver = function() { return ver; };
-
-// @see: http://malsup.com/jquery/cycle/lite/
-$.fn.cycle.defaults = {
- animIn: {},
- animOut: {},
- fx: 'fade',
- after: null,
- before: null,
- cssBefore: {},
- cssAfter: {},
- delay: 0,
- fit: 0,
- height: 'auto',
- metaAttr: 'cycle',
- next: null,
- pause: false,
- prev: null,
- speed: 1000,
- slideExpr: null,
- sync: true,
- timeout: 4000
-};
-
-})(jQuery);
diff --git a/assets/main.css b/assets/main.css
deleted file mode 100644
index 0e8f4383..00000000
--- a/assets/main.css
+++ /dev/null
@@ -1,172 +0,0 @@
-html, body {
- padding: 0;
- margin: 0;
-}
-
-html {
- font-family: "Open Sans", sans-serif, Helvetica, Arial;
-}
-
-a {
- text-decoration: none;
- color: #000;
-}
-
-a:hover {
- color: #fff;
-}
-
-.github {
- position: fixed;
- z-index: 50;
- height: 100px;
- width: 100px;
- float: right;
- right: 0px;
- top: 0px;
-}
-
-.header {
- position: fixed;
- z-index: 1;
- height: 460px;
- width: 100%;
- margin: auto;
- text-align: center;
- background: url('img/bg-china.jpg') no-repeat;
- top: -1px;
- background-position: center;
-}
-
-.header p {
- margin-top: 120px;
- color: #FFF;
- font-size: 24px;
- text-transform: uppercase;
- text-shadow: 0 0 12px rgba(0, 0, 0, 0.8);
- line-height: 50px;
-}
-
-.dllinks {
- color: #FFF;
- margin-top: 55px;
-}
-
-.dllinks .top {
- font-size: 12px;
- opacity: 0.7;
-}
-
-.dllinks a {
- color: #fff;
-}
-
-.dllinks a:hover {
- color: #ddd;
-}
-
-.wrapper {
- position: relative;
- width: 100%;
- z-index: 5;
- margin: 460px 0 0 0;
- background: #fff;
-}
-
-.container {
- max-width: 900px;
- margin: 0 auto;
-}
-
-.box {
- min-width: 300px;
- float: left;
-}
-
-.float-right {
- float: right;
-}
-
-.features {
- margin: 50px 0 0 0;
- font-size: 19px;
- line-height: 50px;
-}
-
-.features span {
- width: 30px;
-}
-
-.features.right {
- min-width: 220px;
- padding-left: 50px;
-}
-
-.screenshots {
- position: relative;
- top: -100px;
- height: 400px;
-}
-
-#slideshow {
- position: relative;
-}
-
-.clear {
- clear: both;
-}
-
-.phone {
- position: absolute;
- left: 0;
- width: 300px;
-}
-
-#donate {
- margin: 50px 0 80px 0;
- text-align: center;
- height: 50px;
- font-size: 12px;
-}
-
-.bitcoin {
- padding: 8px 0;
-}
-
-.footer {
- text-align: center;
- height: 90px;
-}
-
-.footer a {
- color: #000;
-}
-
-.footer a:hover {
- color: #777;
-}
-
-@media (max-width: 899px) {
- .box {
- width: 100%;
- }
-
- .screenshots {
- top: 0;
- height: 450px;
- }
-
- .features {
- text-align: center;
- }
-
- #slideshow {
- width: 300px;
- margin: 0 auto;
- }
-
- .features.right {
- min-width: 300px;
- padding-left: 0;
- }
-}
diff --git a/css/main.css b/css/main.css
new file mode 100644
index 00000000..d0f0b42d
--- /dev/null
+++ b/css/main.css
@@ -0,0 +1,341 @@
+html, body {
+ padding: 0;
+ margin: 0;
+}
+
+body {
+ font-family: 'Roboto', sans-serif;
+ background-color: #81C784;
+ color: #ffffff;
+ font-size: 16px;
+ font-weight: 300;
+ min-width: 300px;
+ line-height: 1.4em;
+ overflow-y: scroll;
+}
+
+*, *:before, *:after {
+ box-sizing: border-box;
+}
+
+a {
+ color: #ffffff;
+}
+
+.material-icons.external {
+ display: inline-block;
+ font-size: 18px;
+ vertical-align: middle;
+ line-height: 19px;
+ padding: 0 0 0 4px;
+}
+
+h1 {
+ font-size: 56px;
+ font-weight: 300;
+ margin: 0.5em 0 0.5em 0;
+}
+
+small {
+ font-size: 11px;
+}
+
+.github {
+ position: fixed;
+ z-index: 50;
+ height: 100px;
+ width: 100px;
+ float: right;
+ right: 0px;
+ top: 0px;
+}
+
+.header {
+ position: relative;
+ height: 460px;
+ text-align: center;
+ background-color: #f5f5f5;
+ color: #757575;
+ box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.2);
+ overflow: hidden;
+ transition: height .3s;
+}
+
+.header.collapsed {
+ height: 56px;
+}
+
+.header .navbar {
+ text-align: left;
+ position: absolute;
+ left: 20px;
+ right: 20px;
+ height: 56px;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+.header .navbar li {
+ display: inline-block;
+ height: 100%;
+ margin: 0 20px;
+ line-height: 56px;
+}
+
+.header .navbar li a {
+ text-decoration: none;
+}
+
+.header .navbar li a: hover {
+ text-decoration: underline;
+}
+
+.header .logotext {
+ padding: 75px 0 0 0;
+}
+
+.header .logo {
+ display: inline-block;
+ width: 240px;
+ height: 192px;
+ vertical-align: middle;
+ padding: 0 24px 0 24px;
+}
+
+.header .text {
+ display: inline-block;
+ width: 240px;
+ vertical-align: middle;
+ text-align: left;
+ font-size: 56px;
+ color: #616161;
+}
+
+.header a {
+ color: #616161;
+ text-decoration: underline;
+}
+
+.header .text .description {
+ line-height: 1em;
+ margin: 6px 0 0 0;
+}
+
+.header .text small {
+ display: inline-block;
+ line-height: 1.2em;
+ font-size: 16px;
+}
+
+.header .links a.googleplay {
+ display: inline-block;
+ margin: 1.5em 0;
+}
+
+.header .links a.googleplay img {
+ height: 50px;
+}
+
+.container {
+
+}
+
+.page {
+ max-width: 748px;
+ padding: 24px;
+ margin: 0 auto;
+ word-wrap: break-word;
+}
+
+.page-full {
+ max-width: 1500px;
+ margin: 0 auto;
+ word-wrap: break-word;
+}
+
+.box {
+ width: 700px;
+}
+
+.box-half {
+ width: 350px;
+ float: left;
+ padding: 0 12px 0 0;
+}
+
+.box-float-right {
+ float: right;
+}
+
+.page-active {
+ display: block;
+}
+
+.page-inactive {
+ display: none;
+}
+
+.device img {
+ height: 500px;
+ display: inline-block;
+ vertical-align: top;
+}
+
+.devices {
+ position: relative;
+ height: 500px;
+}
+
+.devices .tablet {
+ position: absolute;
+ height: 500px;
+ right: 50px;
+}
+
+.devices .phone {
+ position: absolute;
+ height: 400px;
+ right: 110px;
+ top: 100px;
+}
+
+.devices .text {
+ display: inline-block;
+ vertical-align: top;
+ width: 200px;
+ font-weight: 300;
+}
+
+.feature, .feature i {
+ line-height: 24px;
+ display: inline-block;
+ vertical-align: middle;
+ padding: 2px 0 2px 0px;
+}
+
+.releases-list {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+.releases-list li {
+ line-height: 1.8em;
+}
+
+.feature i {
+ padding-right: 8px;
+}
+
+table {
+ width: 100%;
+ border-spacing: 0;
+ border-collapse: collapse;
+}
+
+table thead th {
+ text-align: left;
+}
+
+table th, table td {
+ padding: 0.6em;
+ border-bottom: 1px solid #eceeef;
+}
+
+.paypal {
+ display: inline-block;
+ background-color: #ffffff;
+ padding: 10px 10px 5px 10px;
+ margin: 5px 0 5px 0;
+ border-radius: 2px;
+ box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.15);
+ transition: box-shadow .3s;
+}
+
+.paypal:hover {
+ box-shadow: 0 2px 8px 2px rgba(0, 0, 0, 0.15);
+}
+
+.footer {
+ margin: 100px 10px 20px 10px;
+ font-size: 14px;
+ text-align: center;
+}
+
+.clear {
+ clear: both;
+}
+
+.center-small-viewport {
+}
+
+/* 699 + 24 * 2 + 30 */
+@media (max-width: 777px) {
+ .box {
+ width: 100%;
+ }
+
+ .box-half {
+ width: 100%;
+ }
+
+ .github {
+ display: none;
+ }
+
+ .devices {
+ position: static;
+ height: auto;
+ }
+
+ .devices .tablet {
+ display: none;
+ }
+
+ .devices .phone {
+ position: static;
+ display: block;
+ margin: 0 auto;
+ width: 300px;
+ height: 500px;
+ }
+
+ .center-small-viewport {
+ text-align: center;
+ }
+}
+
+/* 599 + 24 * 2 + 30 */
+@media (max-width: 677px) {
+ .header {
+ height: 560px;
+ }
+
+ .header .logotext .logo, .header .logotext .text {
+ display: block;
+ margin: 0 auto;
+ }
+
+ .header .text {
+ text-align: center;
+ padding: 20px 0 0 0;
+ }
+}
+
+@media (max-width: 500px) {
+ .header .navbar li {
+ margin: 0 5px;
+ }
+
+ .devices .phone {
+ width: 240px;
+ height: 400px;
+ }
+}
+
+@media (max-width: 400px) {
+ .header .navbar li {
+ font-size: 13px;
+ }
+}
diff --git a/favicon.ico b/favicon.ico
index c9b45e9d..a61d3f5e 100644
Binary files a/favicon.ico and b/favicon.ico differ
diff --git a/images/external_link.png b/images/external_link.png
new file mode 100644
index 00000000..496635b3
Binary files /dev/null and b/images/external_link.png differ
diff --git a/images/logo.png b/images/logo.png
new file mode 100644
index 00000000..2cbbef21
Binary files /dev/null and b/images/logo.png differ
diff --git a/images/nexus5x_home_framed.png b/images/nexus5x_home_framed.png
new file mode 100644
index 00000000..0c23bf4f
Binary files /dev/null and b/images/nexus5x_home_framed.png differ
diff --git a/images/nexus5x_home_framed_400.png b/images/nexus5x_home_framed_400.png
new file mode 100644
index 00000000..697934df
Binary files /dev/null and b/images/nexus5x_home_framed_400.png differ
diff --git a/images/nexus9_home_framed.png b/images/nexus9_home_framed.png
new file mode 100644
index 00000000..2e94699e
Binary files /dev/null and b/images/nexus9_home_framed.png differ
diff --git a/images/nexus9_home_framed_500.png b/images/nexus9_home_framed_500.png
new file mode 100644
index 00000000..b721b8f1
Binary files /dev/null and b/images/nexus9_home_framed_500.png differ
diff --git a/images/paypal.png b/images/paypal.png
new file mode 100644
index 00000000..aba2ddbe
Binary files /dev/null and b/images/paypal.png differ
diff --git a/index.html b/index.html
index 0088493d..5c13dc9d 100644
--- a/index.html
+++ b/index.html
@@ -3,84 +3,166 @@
Clover - 4chan browser
-
-
-
-
-
-
+
+
+
+
+
+
+
- 
+ 
+ 
-
- The new 4chan Android browser
Post from toilet. Heh.
-
+
-
-
- Open source
-
- Smooth image viewer -
- Pin threads -
- New post notifications -
- Make threads & post replies -
- Auto thread refresh -
+
- Smooth image viewer -
- Pin threads -
- New post notifications -
- Make threads & post replies -
- Auto thread refresh -
+
+
+
-
-
- 
- 
- 
+
-
-
+
+
+ Features
++ Clover is an unofficial fast app for browsing the imageboard 4chan.org +
+
+ codeFree software
+ smartphoneMaterial design
+ bookmark_borderBookmark threads
+ notificationsThread watching
+ movieInline WebM support
+ color_lensThemes
+ payment4chan pass support
+
+
-
+ 
+ 
+
+
- Free
-
- Fast -
- Themes -
- 4chan pass support -
- WebM support -
- HTTPS support -
+ +
+ - Fast -
- Themes -
- 4chan pass support -
- WebM support -
- HTTPS support -
+ +
+
+
+
+ Releases
+
+ These are all the APK releases currently on GitHub. See GitHub.
+ The APKs are signed with the same key as Google Play. You can install it over an installed version if the already installed version was also signed with the Google Play key. Uninstall the already installed version otherwise before installing a new one.
+
+ It's recommended to download Clover with Google Play or F-Droid to get automatic updates! +
+ +-
+ Loading...
+
+
Donate
+
+
+ + Clover is a free project and has no advertisements. I do not make any money of Clover apart from donations. +
++ Donate to aid the development of Clover. Donating helps to keep development alive and motivates me to work on the project. +
+
+
-
+ Donate using PayPal:
+
+ 
+
+
+
+ PayPal takes 2.9% + $0.30 USD
+
+
+ Donate using Bitcoin:
+ 1N7VtcNh8L8u4tF9CJ38GjnPbmxM4Vixi6
+
-
-
-
+
Bitcoin: 1N7VtcNh8L8u4tF9CJ38GjnPbmxM4Vixi6
+
+
+
+
-
-
+ + This is a list of all the donations I have received since January 2016. Enter a name in the optional name field when using PayPal to be credited on the donors list. "Anonymous" is credited otherwise. +
+| Name | +Amount | +
|---|---|
| Anonymous | $25.00 |
| Anonymous | $10.12 |
| Anonymous | $5.12 |
| Anonymous | $5.00 |
| Anonymous | $2.20 |
| Anonymous | $2.00 |
| Anonymous | $2.00 |
+
+
+
Clover beta
+
+
+ Join the beta of Clover to get the most recent developer version first.
+ The beta is distributed through the Google Play beta program. You have to be logged in with the same account as the account you use to download apps with the Play Store on your phone.
+
+ Read the instructions carefully on this page.
+ It can take a few hours for the update to arrive on your phone.
+ Clover Google Play betaexit_to_app
+
+ Alternatively download the APK from the releases page, but you won't get automatic updates. +