diff --git a/index.html b/index.html index 9d91585a..ffc4b02b 100644 --- a/index.html +++ b/index.html @@ -129,17 +129,17 @@

Support Übersicht

- in USD $ using PayPal
- in EUR € using bunq + in EUR € using bunq
Thank you! diff --git a/main.css b/main.css index 500fb132..09ee10f7 100644 --- a/main.css +++ b/main.css @@ -1 +1 @@ -html,body{background:#fff;color:#152033;font-family:Ubuntu,Helvetica Neue,Arial,Sans;font-style:normal;font-weight:300;line-height:1.5;padding:0;margin:0}header,section,footer,#disqus_thread{width:532px;margin:0 auto;padding:24px 16px 32px 16px}a,a:link,a:visited{color:#152033;text-decoration:none;font-weight:500;}a:hover,a:link:hover,a:visited:hover{color:#152040;text-decoration:underline}p{margin:1em 0}em{font-weight:300;font-style:italic}h1{font-weight:700;font-size:28px;margin:0 0 12px 0;font-style:italic}h2,h3{font-weight:300;font-size:18px;letter-spacing:-.4px;font-weight:inherit}h3{font-size:16px}.center{text-align:center}a.button,a.button:link,a.button:visited{font-size:14px;font-weight:400;padding:5px 10px;border:1px solid #152033;background-color:transparent;border-radius:2px;color:#152033;display:inline-block;}a.button span,a.button:link span,a.button:visited span{font-size:10px}a.button:hover,a.button:link:hover,a.button:visited:hover{background-color:#152033;text-decoration:none;color:#fff}header{display:block;background:url("images/logo@2x.png") center 30px no-repeat;background-size:200px 96px;background-repeat:no-repeat;}header h2{padding-top:132px;text-align:center;margin-bottom:24px}header #preview{width:564px;height:331px;margin:32px -16px 24px -16px;display:block}footer{font-size:12px;color:#666;}footer h1{font-size:14px;margin-bottom:6px}main{background:#f9f9f9;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;}main section{display:block;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;margin-top:-1px}main pre{margin:0;border:1px solid #e0e0e0;}main pre code{line-height:1.3;font-family:Ubuntu Mono,Menlo,Currier New,Mono;font-size:inherit}main ul{padding:0;margin:0}main li{margin:8px 0;border-left:8px solid #ddd;padding-left:8px;list-style:none}.description{border-top:none}.download{text-align:center;font-size:0;}.download a.button,.download a.button:link,.download a.button:visited{margin-right:10px;color:#152033;padding:10px 20px;font-size:16px;}.download a.button span,.download a.button:link span,.download a.button:visited span{font-size:10px}.download a.button:hover,.download a.button:link:hover,.download a.button:visited:hover{background-color:#152033;text-decoration:none;color:#fff}.download a.app.button{color:#fff;border:1px solid #152033;background-color:#152033;}.download a.app.button:hover{border:1px solid #152040;background-color:#152040}.download a.app.button:active{border:1px solid #0e0c1a;background-color:#0e0c1a}#sponsor-link,#sponsor-link:link,#sponsor-link:visited{padding:15px 0 35px;display:block;text-align:center;cursor:pointer;font-size:13px;line-height:15px;vertical-align:middle;margin:20px 0 -35px;background:url("images/arrow-down.png");background-size:100px 30px;background-repeat:no-repeat;background-position:center 90%;text-indent:-1.5em;transition:all 300ms;font-weight:700;letter-spacing:-.1px;color:#4e596d;}#sponsor-link:hover,#sponsor-link:link:hover,#sponsor-link:visited:hover{text-decoration:none;background-position:center 95%;color:#152033}#sponsor-link .heart,#sponsor-link:link .heart,#sponsor-link:visited .heart{vertical-align:bottom;margin:0 4px;fill:#ea4aaa}.screenshots{width:90%;margin:16px auto 0;font-size:0;whitespace:nowrap;padding:0;}.screenshots li{width:25%;box-sizing:border-box;border:10px solid #fff;display:inline-block;margin:0;}.screenshots li img{width:100%}#sponsor #donations{display:flex;justify-content:space-between;margin-bottom:20px}#sponsor a#donate{width:92px;box-sizing:border-box;text-align:center;margin-right:5px;border-radius:20px;padding:3px}#sponsor input{vertical-align:middle}#sponsors_list .cta{color:#ea4aaa}#sponsors{display:flex;}#sponsors a,#sponsors a:link,#sponsors a:visited{width:40px;height:40px;border-radius:50%;overflow:hidden;border:.5px solid #152033;}#sponsors a img,#sponsors a:link img,#sponsors a:visited img{width:100%;height:100%}#sponsors a + a{margin-left:10px}.more-info h1{border-color:transparent;padding-top:8px}.more-info .badges{text-align:center;font-size:0;margin:20px 0;display:flex;justify-content:space-between;}.more-info .badges a,.more-info .badges a:link,.more-info .badges a:visited{font-size:24px;line-height:1;text-decoration:none;font-weight:500;word-spacing:normal;text-align:left;opacity:.6;}.more-info .badges a:hover,.more-info .badges a:link:hover,.more-info .badges a:visited:hover{opacity:1}.more-info .badges a h2,.more-info .badges a:link h2,.more-info .badges a:visited h2{font-size:14px;font-weight:200;color:#666;margin-bottom:4px}.more-info .twitter span{color:#152033}.more-info .twitter img{height:18px;width:22px;vertical-align:baseline}.more-info .github span{color:#152033}.more-info .github img{height:24px;width:24px;vertical-align:bottom}@media only screen and (max-width:532px){body,html{width:100%}header,section,footer,#disqus_thread{width:100%;box-sizing:border-box}header #preview{width:100%;height:auto;margin:32px 0 24px 0;box-sizing:border-box}.download{width:100%;box-sizing:border-box;padding:0 8px;}.download a{margin:8px 0 12px 0;width:100%;box-sizing:border-box;line-height:1.5em}.more-info .badges{flex-direction:column}} \ No newline at end of file +html,body{background:#fff;color:#152033;font-family:Ubuntu,Helvetica Neue,Arial,Sans;font-style:normal;font-weight:300;line-height:1.5;padding:0;margin:0}header,section,footer,#disqus_thread{width:532px;margin:0 auto;padding:24px 16px 32px 16px}a,a:link,a:visited{color:#152033;text-decoration:none;font-weight:500;}a:hover,a:link:hover,a:visited:hover{color:#152040;text-decoration:underline}p{margin:1em 0}em{font-weight:300;font-style:italic}h1{font-weight:700;font-size:28px;margin:0 0 12px 0;font-style:italic}h2,h3{font-weight:300;font-size:18px;letter-spacing:-.4px;font-weight:inherit}h3{font-size:16px}.center{text-align:center}.button,.button:link,.button:visited{font-size:14px;font-weight:400;padding:5px 10px;border:1px solid #152033;background-color:transparent;border-radius:2px;color:#152033;display:inline-block;}.button span,.button:link span,.button:visited span{font-size:10px}.button:hover,.button:link:hover,.button:visited:hover{background-color:#152033;text-decoration:none;color:#fff}header{display:block;background:url("images/logo@2x.png") center 30px no-repeat;background-size:200px 96px;background-repeat:no-repeat;}header h2{padding-top:132px;text-align:center;margin-bottom:24px}header #preview{width:564px;height:331px;margin:32px -16px 24px -16px;display:block}footer{font-size:12px;color:#666;}footer h1{font-size:14px;margin-bottom:6px}main{background:#f9f9f9;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;}main section{display:block;border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0;margin-top:-1px}main pre{margin:0;border:1px solid #e0e0e0;}main pre code{line-height:1.3;font-family:Ubuntu Mono,Menlo,Currier New,Mono;font-size:inherit}main ul{padding:0;margin:0}main li{margin:8px 0;border-left:8px solid #ddd;padding-left:8px;list-style:none}.description{border-top:none}.download{text-align:center;font-size:0;}.download .button,.download .button:link,.download .button:visited{margin-right:10px;color:#152033;padding:10px 20px;font-size:16px;}.download .button span,.download .button:link span,.download .button:visited span{font-size:10px}.download .button:hover,.download .button:link:hover,.download .button:visited:hover{background-color:#152033;text-decoration:none;color:#fff}.download a.app.button{color:#fff;border:1px solid #152033;background-color:#152033;}.download a.app.button:hover{border:1px solid #152040;background-color:#152040}.download a.app.button:active{border:1px solid #0e0c1a;background-color:#0e0c1a}#sponsor-link,#sponsor-link:link,#sponsor-link:visited{padding:15px 0 35px;display:block;text-align:center;cursor:pointer;font-size:13px;line-height:15px;vertical-align:middle;margin:20px 0 -35px;background:url("images/arrow-down.png");background-size:100px 30px;background-repeat:no-repeat;background-position:center 90%;text-indent:-1.5em;transition:all 300ms;font-weight:700;letter-spacing:-.1px;color:#4e596d;}#sponsor-link:hover,#sponsor-link:link:hover,#sponsor-link:visited:hover{text-decoration:none;background-position:center 95%;color:#152033}#sponsor-link .heart,#sponsor-link:link .heart,#sponsor-link:visited .heart{vertical-align:bottom;margin:0 4px;fill:#ea4aaa}.screenshots{width:90%;margin:16px auto 0;font-size:0;whitespace:nowrap;padding:0;}.screenshots li{width:25%;box-sizing:border-box;border:10px solid #fff;display:inline-block;margin:0;}.screenshots li img{width:100%}#sponsor #donations{display:flex;justify-content:space-between;margin-bottom:20px}#sponsor .donate{width:92px;box-sizing:border-box;text-align:center;margin-right:5px;border-radius:20px;padding:3px;line-height:1.5em;border-color:transparent;box-shadow:1px 1px 1px rgba(0,0,0,0.1);cursor:pointer;background-color:#152033;color:#fff;}#sponsor .donate:hover{box-shadow:1px 1px 2px rgba(0,0,0,0.2)}#sponsor #paypal{background:#ffd140;color:#003087;font-weight:bold}#sponsor input{vertical-align:middle}#sponsors_list .cta{color:#ea4aaa}#sponsors{display:flex;}#sponsors a,#sponsors a:link,#sponsors a:visited{width:40px;height:40px;border-radius:50%;overflow:hidden;border:.5px solid #152033;}#sponsors a img,#sponsors a:link img,#sponsors a:visited img{width:100%;height:100%}#sponsors a + a{margin-left:10px}.more-info h1{border-color:transparent;padding-top:8px}.more-info .badges{text-align:center;font-size:0;margin:20px 0;display:flex;justify-content:space-between;}.more-info .badges a,.more-info .badges a:link,.more-info .badges a:visited{font-size:24px;line-height:1;text-decoration:none;font-weight:500;word-spacing:normal;text-align:left;opacity:.6;}.more-info .badges a:hover,.more-info .badges a:link:hover,.more-info .badges a:visited:hover{opacity:1}.more-info .badges a h2,.more-info .badges a:link h2,.more-info .badges a:visited h2{font-size:14px;font-weight:200;color:#666;margin-bottom:4px}.more-info .twitter span{color:#152033}.more-info .twitter img{height:18px;width:22px;vertical-align:baseline}.more-info .github span{color:#152033}.more-info .github img{height:24px;width:24px;vertical-align:bottom}@media only screen and (max-width:532px){body,html{width:100%}header,section,footer,#disqus_thread{width:100%;box-sizing:border-box}header #preview{width:100%;height:auto;margin:32px 0 24px 0;box-sizing:border-box}.download{width:100%;box-sizing:border-box;padding:0 8px;}.download a{margin:8px 0 12px 0;width:100%;box-sizing:border-box;line-height:1.5em}.more-info .badges{flex-direction:column}} \ No newline at end of file diff --git a/styl/main.styl b/styl/main.styl index 4ce4a461..b6c5f62b 100644 --- a/styl/main.styl +++ b/styl/main.styl @@ -47,7 +47,7 @@ h3 .center text-align: center -a.button, a.button:link, a.button:visited +.button, .button:link, .button:visited font-size: 14px font-weight: 400 padding: 5px 10px @@ -126,7 +126,7 @@ main text-align: center font-size: 0 - a.button, a.button:link, a.button:visited + .button, .button:link, .button:visited margin-right: 10px color: #152033; padding: 10px 20px @@ -206,13 +206,28 @@ main justify-content: space-between margin-bottom: 20px - a#donate + .donate width: 92px box-sizing: border-box text-align: center margin-right: 5px border-radius: 20px padding: 3px + line-height: 1.5em + border-color: transparent + box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) + cursor: pointer + background-color: #152033 + color: #fff + + &:hover + box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) + + #paypal + background: #FFD140 + color: #003087 + font-weight: bold + input vertical-align: middle