-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
231 lines (218 loc) · 9.02 KB
/
index.html
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
222
223
224
225
226
227
228
229
230
231
<!DOCTYPE html>
<html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>Selfstarter</title>
<link href="assets/application.css" media="screen" rel="stylesheet" type="text/css"/>
<script src="assets/application.js" type="text/javascript"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-35507118-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-35507118-1');
</script>
</head>
<body>
<div id="header">
<div class="wrapper clearfix">
<h1 id="lockitron_header"><a href="http://www.selfstarter.us/">Selfstarter</a></h1>
</div>
</div>
<div class="gray_background">
<div class="wrapper center">
<h2>Roll your own crowdfunding</h2>
</div>
<div class="wrapper clearfix">
<div id="video">
<iframe width="512" height="385" src="https://www.youtube.com/embed/D1L3o88GKew"></iframe>
</div>
<div id="backing">
<ul>
<li class="stats" id="backers">
N/A
<span>backers</span>
</li>
<li class="stats">
N/A
<span>of $1,995</span>
</li>
<li class="stats" id="days">
∞
<span>days left</span>
</li>
</ul>
<div id="progress_bg" class="small">
<div id="progress" class="" style="width: 100%;">
</div>
</div>
<div id="reserve_container">
<p id="ship_date">Code Available on GitHub</p>
<a href="https://github.com/apigy/selfstarter" class="blue_button reserve">Fork Now</a>
<p id="price">Free and Open Source</p>
<p>You'll get this exact site. All you'll need to get started is a great product.</p>
<div class="fb-like" data-send="false" data-width="70" data-layout="box_count" data-show-faces="true"></div>
</div>
</div>
</div>
</div>
<div class="big_wrapper">
<div class="wrapper" id="one">
<div class="point_copy">
<h3>
What is Selfstarter?
</h3>
<p>
Selfstarter is an open source starting point for building your own ad-hoc crowdfunding site. It was put together by the folks at <a href="https://api.gy/">Lockitron</a> after they were <a href="http://techcrunch.com/2012/10/07/the-story-of-lockitron-crowdfunding-without-kickstarter/">turned down from Kickstarter</a>.
<p>
</div>
</div>
</div>
<div class="big_wrapper">
<div class="wrapper" id="two">
<div class="point_copy right">
<h3>
How do I use it?
</h3>
<p>
Selftstarter is a starting point for you to build your own solution. It is set up to collect reservations using Amazon Payments, but you can choose you own provider too.
<p>
</div>
</div>
</div>
<div class="big_wrapper">
<div class="wrapper" id="three">
<div class="point_copy">
<h3>
It's just a skeleton
</h3>
<p>
We've kept Selfstarter really simple, but that also means that you should beef it up with your own authentication, administration and product management code.
<p>
</div>
</div>
</div>
<div class="big_wrapper">
<div class="wrapper" id="four">
<div class="point_copy right">
<h3>
Let's get started
</h3>
<p>
Most of what you need to get started is in the Readme. Selfstarter is based on Ruby on Rails, and we've tried to break up all of the different parts in a sensible fashion.
<p>
</div>
</div>
</div>
<div class="gray_background">
<ul class="wrapper clearfix" id="other_points">
<li id="section-1">
<h4>Section 1</h4>
<p>Morbi tempus dapibus egestas. Nullam accumsan dolor ut purus ornare congue. Phasellus ac commodo neque. Quisque non ligula lacus, id hendrerit eros.</p>
</li>
<li id="section-2">
<h4>Section 2</h4>
<p>Vivamus nec posuere mauris. Suspendisse mi sem, egestas ac tristique ac, varius ac lectus. Sed porttitor dolor adipiscing mauris sagittis.</p>
</li>
<li id="section-3">
<h4>Section 3</h4>
<p>Curabitur dolor elit, placerat et malesuada et, tristique vel nulla. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
</li>
<li id="section-4">
<h4>Section 4</h4>
<p>Curabitur ac mi elit, nec tempor odio. Nam sollicitudin, sapien sit amet elementum pretium, turpis mi fermentum nisl, ac vehicula purus lacus non velit.</p>
</li>
</ul>
</div>
<div class="big_wrapper">
<div class="wrapper center" id="middle_reserve">
<h2>Code Available on GitHub</h2>
<a href="https://github.com/apigy/selfstarter" class="blue_button reserve">Fork Now</a>
</div>
</div>
<div class="gray_background" id="faqs">
<div class="wrapper clearfix">
<h4>Frequently Asked Questions</h4>
<ul>
<li class="">
<details class="">
<summary class="">How do I setup Amazon Payments?</summary>
<p>You'll need to <a href="https://payments.amazon.com/sdui/sdui/accountstatus">create an Amazon Seller Central account</a>. Afterwards, get your access key and secret key from the "Integration" tab on your AWS account. <a href="https://payments.amazon.com/sdui/sdui/helpTab/Checkout-by-Amazon/Advanced-Integration-Help/Using-Your-Access-Key">Click here for more info</a>.
<br/>
<br/>
Once you have your access key and secret key, head over to <code>config/settings.yml</code>. Change <code>amazon_access_key</code> and <code>amazon_secret_key</code> appropriately.</p>
</details>
</li>
<li>
<details class="">
<summary>Can I use another payments provider?</summary>
<p>Of course. We haven't built in support for other providers, but we recommend that you take a look at <a href="https://stripe.com/">Stripe</a> or <a href="https://wepay.com/">WePay</a>.</p>
</details>
</li>
<li>
<details class="">
<summary>How do I edit the FAQ?</summary>
<p>The faq is a partial located in <code>app/views/preorder/homepage/_faq.html.erb</code> The <code>summary</code> tag is the title, the <code>p</code> is the body. Make sure to add an <code>li</code> tag for each FAQ entry.</p>
</details>
</li>
<li>
<details class="">
<summary>How do I change around the images, product name, etc?</summary>
<p>The best way is in <code>config/settings.yml</code>. It has variables for several different parts, the YouTube video, the product name, the call to action button ("Fork Now"), and several more.
</p>
</details>
</li>
</ul>
<ul class="col2">
<li>
<details class="">
<summary>How do I change the CSS?</summary>
<p>Head over to <code>app/assets/stylesheets/variables.css.scss</code>. It makes it easy to change around the elements used throughout the HTML.
<br/>
<br/>
Alternatively, you can dive right into the CSS, have a look at <code>app/assets/stylesheets/main.css.scss</code>.</p>
</details>
</li>
<li class="">
<details class="">
<summary>Why did you release this?</summary>
<p>Hardware startups are less welcome on Kickstarter than they were 6 months ago. We needed to roll our own kickstarter, so we did. Other hardware startups probably will too, so we made it easier for them by open sourcing our way of doing it.</p>
</details>
</li>
<li class="">
<details class="">
<summary class="">What software stack does this use?</summary>
<p>It's a Ruby on Rails app that makes heavy use of SCSS, Kickstarter's wonderful <code>amazon_flex_pay</code> gem, and a hint of CoffeeScript.</p>
</details>
</li>
<li class="">
<details class="">
<summary class="">How do I deploy it?</summary>
<p>We recommend using Heroku. We include a Procfile for you, so all you need to do is:
<p>
<p>Install the <a href="https://toolbelt.heroku.com/">Heroku Toolbelt</a></p>
<p>Run <code>heroku create</code> in Selfstarter's folder</code></p>
<p>Run <code>git push heroku master</code> in Selfstarter's folder</p>
</p>
</p>
</details>
</li>
</ul>
</div>
</div>
<div id="logos">
<ul class="wrapper clearfix">
<li id="awesomeblog"><a href=""></a></li>
<li id="coolpaper"><a href=""></a></li>
<li id="nicemag"><a href=""></a></li>
<li id="readcrunch"><a href=""></a></li>
</ul>
</div>
<div class="footer">
<div class="wrapper clearfix">
<p>© You. Made by the guys at <a href="https://api.gy/">Apigy</a>. MIT License.</p>
</div>
</div>
</body>
</html>