-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
221 lines (213 loc) · 12.3 KB
/
index.html
File metadata and controls
221 lines (213 loc) · 12.3 KB
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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name='author' content='BeePaste, hi@beepaste.io'>
<meta name="twitter:card" content="summary">
<meta property="og:type" content="website"/>
<meta name="description" content="BeePaste is a simple pastebin which is written using python, and sanic framework. It's very first usage was just to share our code snippets with friends, but while we grew up, we saw new worlds, such as SysAdmins, Bloggers and Teachers, whomever has some text to share with others! They also needed somewhere to share their pastes like server logs, blog posts and homework while they are chatting with each other. So BeePaste is getting bigger and more useful by time, from a simple pastebin, it is becoming an advanced text sharing platform!">
<meta property="og:description" content="BeePaste is a simple pastebin which is written using python, and sanic framework. It's very first usage was just to share our code snippets with friends, but while we grew up, we saw new worlds, such as SysAdmins, Bloggers and Teachers, whomever has some text to share with others! They also needed somewhere to share their pastes like server logs, blog posts and homework while they are chatting with each other. So BeePaste is getting bigger and more useful by time, from a simple pastebin, it is becoming an advanced text sharing platform!">
<meta name="twitter:description" content="BeePaste is a simple pastebin which is written using python, and sanic framework. It's very first usage was just to share our code snippets with friends, but while we grew up, we saw new worlds, such as SysAdmins, Bloggers and Teachers, whomever has some text to share with others! They also needed somewhere to share their pastes like server logs, blog posts and homework while they are chatting with each other. So BeePaste is getting bigger and more useful by time, from a simple pastebin, it is becoming an advanced text sharing platform!">
<link rel="shortcut icon" href="img/logo.png">
<meta property="og:image" content="img/logo.png">
<meta name="author" content="BeePaste">
<meta name="twitter:creator" content="@beepasteio">
<title>BeePaste</title>
<link rel="stylesheet" href="css/ideal-image-slider.css">
<link rel="stylesheet" href="css/default-slider.css">
<link rel="stylesheet" href="css/style.min.css">
<link rel="stylesheet" href="css/style.css">
<script src="js/ideal-image-slider.js"></script>
<script src="js/iis-bullet-nav.js"></script>
<script src="js/jquery-3.2.1.min.js" ></script>
<script src="js/materialize.min.js"></script>
<script src="js/fa.js"></script>
</head>
<body data-spy="scroll">
<div class="navbar-fixed scrollspy">
<nav class="amber darken-1">
<div class="nav-wrapper">
<div class="container">
<a href="#main"><img class="brand-logo logo" src="img/logotype.png"></a>
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="fa fa-bars fa-2x" aria-hidden="true"></i></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li scroll-target="#feature"><a href="#feature"><i class="fa fa-cog" aria-hidden="true"></i> Features</a></li>
<li scroll-target="#about"><a href="#about"><i class="fa fa-info" aria-hidden="true"></i> About</a></li>
<li scroll-target="#team"><a href="#team"><i class="fa fa-users" aria-hidden="true"></i> Team</a></li>
<li scroll-target="#donate"><a href="#donate"><i class="fa fa-credit-card" aria-hidden="true"></i> Donate</a></li>
</ul>
</div>
</div>
</nav>
</div>
<ul class="side-nav" id="mobile-demo">
<li scroll-target="#feature"><a href="#feature"><i class="fa fa-cog" aria-hidden="true"></i> Features</a></li>
<li scroll-target="#about"><a href="#about"><i class="fa fa-info" aria-hidden="true"></i> About</a></li>
<li scroll-target="#team"><a href="#team"><i class="fa fa-users" aria-hidden="true"></i> Team</a></li>
<li scroll-target="#donate"><a href="#donate"><i class="fa fa-credit-card" aria-hidden="true"></i> Donate</a></li>
</ul>
<script type="text/javascript">
$(document).ready(function(){
$(".button-collapse").sideNav();
$('#main').height(window.innerHeight - $('nav').height());
$('.parralax-container').height(window.innerHeight - $('nav').height());
$('.scrollspy').scrollSpy({
scrollOffset: 100,
getActiveElement: function(id) {
return 'li[scroll-target="#' + id + '"]';
}
});
});
</script>
<section id="main" class="section scrollspy" style="padding-top: 0px;">
<div class="parallax-container valign-wrapper">
<div class="parallax">
<img src="img/bee.jpg">
</div>
<div class="row center">
<div class="col s12">
<h1 class="center white-text" style="padding-bottom: 0; margin-bottom: 0;">BeePaste</h1>
<h2 class="center white-text" style="margin-top: 0;"><i class="fa fa-terminal" aria-hidden="true"></i> paste your world!</h2>
<a href="https://beepaste.io/" class="btn-floating btn-large waves-effect waves-light light-blue"><i class="fa fa-paperclip"></i></a>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
$('.parallax').parallax();
});
</script>
</section>
<section id="feature" class="section scrollspy">
<div class="container">
<h1 class="onv ftr">Features</h1>
<h4 class="sftr">What makes us better!</h4>
<br><br>
<div class="row">
<div class="col l3 m6">
<div class="center"><i class="fa fa-universal-access fa-4x fac" aria-hidden="true"></i><h4>Ease of Access</h4></div>
<p class="feature-description">you can access beepaste from almost everywhere! paste server logs just from your terminal, paste codes from our website or use our api to create your own method!</p>
</div>
<div class="col l3 m6">
<div class="center"><i class="fa fa-shield fa-4x fac" aria-hidden="true"></i><h4>Secure</h4></div>
<p class="feature-description">while you can paste texts like usual, we will provide you options for encryption to choose from! currently PGP and XOR-Password methods are supported!</p>
</div>
<div class="col l3 m6">
<div class="center"><i class="fa fa-code-fork fa-4x fac" aria-hidden="true"></i><h4>Open-Source</h4></div>
<p class="feature-description">It is open-source! so you can run your own instance if you don't trust us. Moreover, if you want to add some features, you can do so and create a pull-request or just redistribute it!</p>
</div>
<div class="col l3 m6">
<div class="center"><i class="fa fa-code fa-4x fac" aria-hidden="true"></i><h4>Powerful Editor</h4></div>
<p class="feature-description">We've integrated ACE editor in our service, therefore you can use its features such as hotkeys and syntax highlighting! Syntax highlighting is available for almost common and popular syntaxes!</p>
</div>
</div>
</div>
</section>
<section class="b2">
<div class="container">
<h1 id="about" class=" section scrollspy onv ftr white-text">About</h1>
<div class="row">
<div class="col l6 m12">
<div id="slider">
<img src="img/screen1.png" />
<img src="img/screen2.png" />
<img src="img/screen3.png" />
</div>
<script>
var slider = new IdealImageSlider.Slider({
selector: '#slider',
height: 320,
interval: 2000
});
slider.addBulletNav();
slider.start();
</script>
</div>
<div class="col l6 m12">
<p class="apt">BeePaste is a simple pastebin which is written using python, and sanic framework. It's very first usage was just to share our code snippets with friends, but while we grew up, we saw new worlds, such as Sys admins, Bloggers and Teachers, whomever has some text to share with others! They also needed somewhere to share their pastes like server logs, blog posts and homework while they are chatting with others. So BeePaste is getting bigger and more useful by time, from a simple pastebin, it is becoming an advanced text sharing platform!</p>
</div>
</div>
</div>
<br><br>
</section>
<section id="team" class="section scrollspy">
<div class="container">
<h1 class="onv ftr">Team</h1>
<h4 class="sftr">developing heroes</h4>
<div class="row">
<div class="col l3 m6 s12">
<div class="card">
<div class="card-image">
<img src="img/mav.jpg">
<span class="card-title">Mohammad Amin Vahedinia</span>
<a class="btn-floating halfway-fab waves-effect waves-light fac"><i class="fa fa-github"></i></a>
</div>
<div class="card-content">
<p>Started Programming with C/C++, continued with both C++ and Python, and also Started the project!</p>
</div>
</div>
</div>
<div class="col l3 m6 s12">
<div class="card">
<div class="card-image">
<img src="img/am.jpg">
<span class="card-title">Alireza Mosajjal</span>
<a class="btn-floating halfway-fab waves-effect waves-light fac"><i class="fa fa-github"></i></a>
</div>
<div class="card-content">
<p>DevOps engineer, Python enthusiast, Chromium contributor, Linux guy. Human, I guess.. ?</p>
</div>
</div>
</div>
<div class="col l3 m6 s12">
<div class="card">
<div class="card-image">
<img src="img/mostafa.jpg">
<span class="card-title">Mostafa Asadi</span>
<a class="btn-floating halfway-fab waves-effect waves-light fac"><i class="fa fa-github"></i></a>
</div>
<div class="card-content">
<p>A developer who loves Free software , I try to make world better.</p>
</div>
</div>
</div>
<div class="col l3 m6 s12">
<div class="card">
<div class="card-image">
<img src="img/sa.jpg">
<span class="card-title">Sadegh Alirezai</span>
<a class="btn-floating halfway-fab waves-effect waves-light fac"><i class="fa fa-github"></i></a>
</div>
<div class="card-content">
<p>Python Developer,Jr Software Engineer,Open-Source Lover</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="donate" class="section scrollspy b3 white-text">
<div class="container">
<h1 class="onv ftr white-text">Donate</h1>
<h4 class="sftr">Take us a cup of coffee :)</h4>
<div class="row">
<div class="col l4 m4">
<img class="btci" src="img/bit.png" alt="bit">
</div>
<div class="col l8 m8">
<blockquote style="border-left: 5px solid rgb(255, 255, 255);"><h4 class="white-text">1GUf5hkZSyiPFXHh2Y8YkzGvM9srSqBQWn</h4></blockquote>
<h5 class="dpt">As we are based in Iran, and due to the sanctions against where we live, the only possible way to collect donates from foreign people is Bitcoin! to buy bitcoins you can check <a href="https://www.bitcoin.com/buy-bitcoin">www.bitcoin.com/buy-bitcoin</a></h5>
<h5 class="dpt">Also if you have problems with bitcoin, you can contact us with donate@beepaste.io and we will get a solution for you.</h5>
</div>
</div>
</div>
</section>
<footer id="footer" class="page-footer">
<div class="footer-copyright">
<div class="container center">
<div><i class="fa fa-copyright gray" aria-hidden="true"><span class="gray"> 2017 BeePaste All rights reserved </span></i></div>
</div>
</div>
</footer>
</body>
</html>