-
Notifications
You must be signed in to change notification settings - Fork 0
/
donate.php
88 lines (85 loc) · 8.72 KB
/
donate.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<html>
<head>
<title>دونیت به MrNull</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link href="https://cdn.rawgit.com/rastikerdar/vazir-font/v6.3.4/dist/font-face.css" rel="stylesheet" type="text/css" />
<link href="http://fonts.googleapis.com/css?family=Lato:400,500,600,700|Open+Sans:400,500,600,700" rel="stylesheet" type="text/css">
<style>.clear-margin{margin:0;}.space-top{margin-top:10px;}.space-right{margin-right:10px;}.icon-left{margin-right:5px;}.icon-right{margin-left:5px;}.labels{word-spacing:5px;line-height:2;}.label-keyword{display:inline-block;background:#7eb0db;color:white;font-size:0.9em;padding:5px;border:1px solid #357ebd;}.link-disguise{color:inherit;}.link-disguise:hover{color:inherit;}@media (max-width: 992px) {.clear-margin-sm{margin-bottom:0;}}body{font-family:'Vazir', 'Lato',"Helvetica Neue",Helvetica,Arial,sans-serif;background:#f0f0f0;color:#333333;font-size:16px;}.text-bolder{font-weight:bold;}@media only screen {.container{max-width:50em;}}@media (max-width: 480px) {ul{padding-left:25px;}.background-details{display:block;}.background-details .icon{max-width:inherit;min-width:inherit;text-align:left;}.background-details .icon,.background-details .info{display:block;padding:10px 0;}.background-details .title{display:none;}.card-nested{padding:5px 0;}}.profile-card{display:table;width:100%;}.profile-pic{display:table-cell;vertical-align:top;padding:1rem 4rem 0 0;}.profile-pic img{width:100px;height:100px;}.contact-details{display:table-cell;}.contact-details .detail{display:inline-block;line-height:2;margin-right:2rem;}.contact-details .detail .icon{padding-right:7px;color:#888;}.contact-details .detail .info{font-size:0.8em;}.social-links{line-height:2.5;}.social-link{display:block;}.social-link span{display:inline-block;vertical-align:middle;}.social-link:hover,.social-link:focus{text-decoration:none;}.social-link .fa{text-align:center;width:2em;}.fa-github{color:#454545;}.fa-github:hover,.fa-github:focus{text-decoration:none;color:#2b2b2b;}.fa-twitter{color:#33ccff;}.fa-twitter:hover,.fa-twitter:focus{text-decoration:none;color:#00bfff;}.fa-rss{color:#f36f24;}.fa-rss:hover,.fa-rss:focus{text-decoration:none;color:#d8560c;}.fa-linkedin{color:#007bb6;}.fa-linkedin:hover,.fa-linkedin:focus{text-decoration:none;color:#005983;}.fa-skype{color:#12a5f4;}.fa-skype:hover,.fa-skype:focus{text-decoration:none;color:#0986ca;}.fa-stack-overflow{color:#8e8e92;}.fa-stack-overflow:hover,.fa-stack-overflow:focus{text-decoration:none;color:#747479;}.fa-soundcloud{color:#e8822d;}.fa-soundcloud:hover,.fa-soundcloud:focus{text-decoration:none;color:#cc6916;}.fa-pinterest{color:#bd091f;}.fa-pinterest:hover,.fa-pinterest:focus{text-decoration:none;color:#8c0717;}.fa-vimeo{color:#17b3e8;}.fa-vimeo:hover,.fa-vimeo:focus{text-decoration:none;color:#128fba;}.fa-behance{color:#2c98cf;}.fa-behance:hover,.fa-behance:focus{text-decoration:none;color:#2379a5;}.fa-codepen{color:#1c1c1c;}.fa-codepen:hover,.fa-codepen:focus{text-decoration:none;color:#020202;}.fa-foursquare{color:#fa4778;}.fa-foursquare:hover,.fa-foursquare:focus{text-decoration:none;color:#f91554;}.fa-reddit{color:#545454;}.fa-reddit:hover,.fa-reddit:focus{text-decoration:none;color:#3b3b3b;}.fa-spotify{color:#acd200;}.fa-spotify:hover,.fa-spotify:focus{text-decoration:none;color:#829f00;}.fa-dribbble{color:#ce366f;}.fa-dribbble:hover,.fa-dribbble:focus{text-decoration:none;color:#a82959;}.fa-facebook{color:#4b6daa;}.fa-facebook:hover,.fa-facebook:focus{text-decoration:none;color:#3b5687;}.fa-angellist{color:#000000;}.fa-angellist:hover,.fa-angellist:focus{text-decoration:none;color:#000000;}.fa-bitbucket{color:#205081;}.fa-bitbucket:hover,.fa-bitbucket:focus{text-decoration:none;color:#163758;}.fa-google-plus{color:#bf2a1d;}.fa-google-plus:hover,.fa-google-plus:focus{text-decoration:none;color:#932016;}.background-card h4{font-variant:small-caps;color:#777777;border-bottom:1px solid #eeeeee;padding-bottom:1em;margin-bottom:1em;line-height:1.2;}.background-card h4:not(:first-child){margin-top:2em;}h4>.fa,h4>.title{display:inline-block;vertical-align:baseline;}h4>.fa{width:4rem;}.content{line-height:1.5;}.card{background:#ffffff;border:1px solid #e6e6e6;border-radius:3px;padding:2em 3.5em;}.card-nested{padding:1.5rem 0 1.5rem 4.2rem;}.card-wrapper{padding:5px;}.enumeration:not(:last-child):after{content:", ";}.enumeration:last-child:after{content:".";}@media only screen and (max-width: 768px) {.profile-card{display:block;}.contact-details,.profile-pic{display:block;text-align:center;}.card-nested{padding-left:0;}}@media only screen and (max-width: 480px) {.contact-details .detail{display:block;}}.card-skills{position:relative;}.skill-info{margin-left:20px;}@media only screen and (min-width: 768px) {.skill{border-left:9px solid #555555;}.skill.beginner{height:50%;border-color:#e74c3c;}.skill.intermediate{height:70%;border-color:#f1c40f;}.skill.advanced{border-color:#5cb85c;}.skill.master{border-color:black;}}@media (max-width: 768px) {.quote{font-size:inherit;}}@media print {body{font-size:10pt;}a[href]:after{content:none!important;}.pagebreak{page-break-before:always;}.background-card h4:not(:first-child){margin-top:0!important;}.card{border:0;padding:0;}.container{max-width:100%;width:100%;}.contact-details .detail .icon{color:#888!important;}.background-card h4{padding-bottom:0.5em;margin-bottom:0.5em;margin-top:1em!important;}h4>.fa{display:none!important;}.card-nested{padding:.5rem 0 .5rem 0;}.labels{display:inline;}.skill-info{margin-left:0;}blockquote{font-size:100%;}}</style>
</head>
<body>
<script src="https://code.jquery.com/jquery-1.11.0.min.js"></script>
<div class="container">
<section class="row">
<div id="mainDiv" class="card-wrapper">
<div class="card">
<div class="profile-card">
<div class="profile-pic">
<img class="media-object img-circle center-block" data-src="holder.js/100x100" alt="MohammadAmin Vahedinia" src="https://avatars1.githubusercontent.com/u/16556650?v=3&s=460" itemprop="image">
</div>
<div class="contact-details">
<div class="name-and-profession">
<h3 class="text-bolder name" itemprop="name">Donate to MohammadAmin Vahedinia</h3>
</div>
<div class="detail">
<span class="icon">
<i class="fa fa-lg fa-envelope"></i>
</span>
<span class="info">
<a href="mailto:mohammadamin@vahedinia.me" class="link-disguise" itemprop="email">mohammadamin@vahedinia.me</a>
</span>
</div>
<div class="detail">
<span class="icon">
<i class="fa fa-lg fa-compass"></i>
</span>
<span class="info">
<a href="https://hexlinux.ir" class="link-disguise">Blog</a>
</span>
</div>
</div>
</div>
<hr>
<!-- donation form here! -->
<div class="row">
<div class="col-md-8 col-md-offset-2 col-sm-12">
<form action="/payment.php" method="post" id="donationForm">
<div class="input-group">
<span class="input-group-addon" id="amountAddon"><i class="fa fa-money" aria-hidden="true"></i></span>
<input type="text" class="form-control" placeholder="amount (in toman, at least 1000T)" aria-describedby="amountAddon" name="amount">
</div>
<br>
<div class="input-group">
<span class="input-group-addon" id="usernameAddon"><i class="fa fa-id-card-o" aria-hidden="true"></i></span>
<input type="text" class="form-control" placeholder="your name" aria-describedby="usernameAddon" name="username">
</div>
<br>
<div class="input-group">
<span class="input-group-addon" id="useremailAddon"><i class="fa fa-envelope-o" aria-hidden="true"></i></span>
<input type="text" class="form-control" placeholder="your email (better to be your gravatar mail)" aria-describedby="useremailAddon" name="useremail">
</div>
<br>
<button type="submit" class="btn btn-lg btn-success col-xs-12">Make a donation!</button>
</form>
</div>
</div>
</div>
</div>
</section>
</div>
<script>
$(document).ready(function(){
//var viewH = $(document).height();
var viewH = window.innerHeight;
var cardH = $('#mainDiv').height();
var final = (viewH - cardH) / 3;
if (final > 0) {
$('#mainDiv').css({'margin-top': final});
}
});
</script>
</body>
</html>