-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
237 lines (195 loc) · 10.8 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
232
233
234
235
236
237
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bricks and Mortar</title>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="/apple-touch-icon-57x57.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/apple-touch-icon-114x114.png" />
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/apple-touch-icon-144x144.png" />
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="/apple-touch-icon-120x120.png" />
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="/apple-touch-icon-152x152.png" />
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16" />
<link rel="stylesheet" href="/dist/bundle.min.css">
<script src="/dist/bundle.min.js"></script>
</head>
<body>
<!-- Header
=========================================== -->
<div class="bs-docs-masthead home " id="content">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="cover">
<div>
<h1 class="home-title">Bricks and Mortar</h1>
<img src="/dist/logo.svg" alt="Bricks and Mortar Studio Logo">
<p class="lead">Just like <em>every</em> other parachurch tech company I passionately believe that the church is most effective when the details are taken care of so the church can focus on its mission.</p>
<p class="lead final">So what makes the way I work different?<br><strong>Pretty much everything else.</strong> <span class="cover-down" id="chevron-down"><i class="fa fa-chevron-circle-down fa-lg hover-scroll" aria-hidden="true"></i></span></p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container content">
<div class="row">
<!-- Content
=========================================== -->
<div class="col-md-12 text-center landing">
<div id="content-top" style="margin-bottom:1.5em;"></div>
<div class="row">
<div class="col-md-offset-1 col-md-10">
<h2>Generosity</h2>
</div>
<div class="col-md-offset-1 col-md-10 mobile-banner">
<p class="lead">I believe that having a kickass church infrastructure shouldn't have to cost a pound of flesh.</p>
</div>
<div class="col-md-offset-1 col-md-10 reason">
<p>In fact I think it should be as cheap as you can afford. That's why all of my plugins are available for nothing, as free as the air you breathe, on Github as well as for purchase on the Rock Store. In fact generosity is such a driving factor in the way I do business I give <strong>10%</strong> of my net-income to the <a href="http://www.sparkdevelopmentnetwork.org/">Spark Development Network</a> to fund the development of Rock. Oh and my <a class="rates" href="#do">rates</a> are pretty good too.</p>
<a href="#do" class="btn btn-mobile-primary btn-md rates">See How Much it Costs for Consultancy</a>
</div>
<div class="col-md-offset-1 col-md-10">
<h2>Open Source</h2>
</div>
<div class="col-md-offset-1 col-md-10 mobile-banner-alt">
<p class="lead">Did I mention all of my projects are on Github? </p>
</div>
<div class="col-md-offset-1 col-md-10">
<p>I believe in open source, it's one of the reasons I love Rock so much. All of my plugins and tools are licensed under the Apache 2.0 license meaning you are free to peek under the hood at the code, alter it, and even distribute it yourself. Open source means you can rest easy knowing you can't ever be held to ransom by closed code.</p>
<a href="https://github.com/BricksandMortar" class="btn btn-mobile-secondary btn-md">Check Out my Plugins</a>
</div>
</div>
<hr>
<div class="row">
<div class="col-md-12">
<h1><a id="do">What I Do</a></h1>
</div>
<div class="col-md-6 do">
<i class="fa fa-code-fork fa-3x"></i>
<h3>Custom Development</h3>
<p>I produce plugins for sale in the Rock Store ranging from SendGrid integrations to custom communication components. In addition, if you've got a need that isn't quite met by Rock or any existing plugins on the market I may just be the <strike>droids</strike> help you're looking for.</p>
</div>
<div class="col-md-6 do">
<i class="fa fa-comments fa-3x"></i>
<h3>Consultancy</h3>
<p>Figuring out where to start with Rock can be hard. I've been there since pre-1.0 and I gotten several <span id="tshirts">Rock t-shirts</span> along the way. Whether it be a conversation about whether Rock is right for you, initial setup, project planning, post-setup tweaks, advanced configuration, or any combination of buzzwords you can think of I'd like to see if I can help.</p>
</div>
<div class="col-md-offset-2 col-md-8 do">
<i class="fa fa-star fa-3x"></i>
<h3><a id="rates">My Promises</a></h3>
<p>I promise that if I don't feel like a project is a fit for me I won't waste your time, or mine. I don't charge for initial conversations and I won't charge five minute jobs. I promise to be affordable (in real terms) and I promise to be transparent every step of the way.</p>
<p class="lead">My typical rate is <br>
<span class="label label-default rate">£<span id="gbp-rate">55</span> / $<span id="usd-rate">85</span> per hour</span></p>
<a onclick="toggleForm();" id="formButton" class="btn btn-outline-orange btn-lg interested">Okay, I'm interested.</a>
</div>
<div class="col-md-offset-2 col-md-8">
<form class="form-horizontal hidden" id="contact_form" role="form">
<div class="form-group has-feedback">
<div class="col-sm-offset-2 col-sm-8 text-center">
<p>Send me a message and I'll back in touch. You can use the handy form below or cut out the middleman and email me at <a href="mailto:[email protected]?Subject=Bricks%20and%20Mortar" target="_top">[email protected]</a>.</p>
</div>
</div>
<div class="form-group has-feedback">
<div class="col-sm-2">
<label for="name" class="control-label text-inverse">Name</label>
</div>
<div class="col-sm-8">
<div class="input-group">
<span class="input-group-addon">
<i class="fa fa-fw fa-user"></i>
</span>
<input type="text" class="form-control" id="name" name="name" placeholder="Your Name">
</div>
</div>
</div>
<div class="form-group has-feedback">
<div class="col-sm-2">
<label for="email" class="control-label text-inverse">Email</label>
</div>
<div class="col-sm-8">
<div class="input-group">
<span class="input-group-addon">
<i class="fa fa-envelope fa-fw"></i>
</span>
<input type="email" class="form-control" id="email" name="email" placeholder="[email protected]">
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-2">
<label for="msg" class="control-label">Message</label>
</div>
<div class="col-sm-8">
<textarea id="msg" name="msg" class="form-control"></textarea>
</div>
</div>
<div class="form-group">
<div class="col-sm-8 col-sm-offset-2 text-left">
<button id="submit" name="submit" class="btn btn-block btn-primary">Send Message</button>
<input type="text" id="check" name="check" style="display:none">
</div>
</div>
</form>
</div>
</div>
<hr>
<div class="row">
<div class="col-md-12">
<h1 id="me">A bit about me</h1>
<p class="lead">I'm <a href="https://arranfrance.com">Arran</a> and I'm the one-man 'team' behind Bricks and Mortar.</p>
</div>
<div class="col-sm-4 col-sm-push-8">
<div class="col-sm-12 gravatar-container ">
<img class="img-responsive img-circle gravatar center-block" src="https://gravatar.com/avatar/646c698b580eb0ee44a7e4a55c33aaec" alt="Arran France">
</div>
<div class="col-sm-12 twitter">
<i class="fa fa-twitter fa-lg"></i><a href="https://twitter.com/arranf" class="user-mention">@arranf</a>
</div>
</div>
<div class="col-sm-8 col-sm-pull-4 bio">
<p>I'm a Software Engineering graduate from Royal Holloway, University of London, a long time contributor to the <a href="https://github.com/SparkDevNetwork/Rock/commits?author=arranf">core Rock project</a>, and a core team member at Spark. I regularly answer questions on the Rock RMS community <a href="https://www.rockrms.com/Rock/Profile/8a196995-78ad-4913-8a16-b020bb6eb457">Q&A</a> and I also maintain and edit the <a href="http://shouldertheboulder.com">Shoulder the Boulder community blog</a>.<br> You can find out a bit more about my story in this <a href="https://www.rockrms.com/page/470?Item=183">Rock RMS blog post</a> and this <a href="https://www.rockrms.com/page/470?Item=329">ROCKCast Episode</a>.
<br>
</p>
</div>
</div>
</div>
</div>
</div>
<!-- Footer
=========================================== -->
<footer class="bs-docs-footer" role="contentinfo">
<div class="container">
<ul class="bs-docs-footer-links muted">
<li><a href=""></a></li>
<li>
<a href="/redirects.json"></a>
</li>
<li>
<a href="/robots.txt"></a>
</li>
<li>
<a href="/sitemap.xml"></a>
</li>
</ul>
<p class="license">This site is <a data-proofer-ignore href="https://github.com/BricksandMortar/bricksandmortar.github.io">open source</a> and is licensed under <a href="https://www.apache.org/licenses/LICENSE-2.0.html" target="_blank">Apache 2.0</a>.</p>
</div>
</footer>
<!-- Async scripts
=========================================== -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-86954177-1', 'auto');
ga('send', 'pageview');
</script>
</body>
</html>