-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
161 lines (139 loc) · 9.41 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Use the title from a page's frontmatter if it has one -->
<title>Welcome to Hackberry</title>
<link href="/style.css" rel="stylesheet" />
<link href="/stylesheets/code.css" rel="stylesheet" />
</head>
<body>
<section>
<div class="px-4 py-12 mx-auto max-w-7xl sm:px-6 md:px-12 lg:px-24 lg:py-24">
<div class="flex flex-col w-full mb-12 text-center">
<h1 class="max-w-5xl text-2xl font-bold leading-none tracking-tighter text-neutral-600 md:text-5xl lg:text-6xl lg:max-w-7xl">
We keep Ruby on Rails applications clean, well oiled and ticking.
</h1>
<p class="max-w-xl mx-auto mt-8 text-base leading-relaxed text-center text-gray-500">
We're a 2 person web development team working with a solid, production
tested web stack - Ruby on Rails, JavaScript and PostgreSQL.
</p>
</div>
</div>
</section>
<section>
<div class=" flex flex-col items-center px-5 py-8 mx-auto max-w-7xl sm:px-6 lg:px-8">
<div class="flex flex-col w-full max-w-3xl mx-auto prose text-left prose-emerald">
<div class="mx-auto">
<h1>How can we help?</h1>
</div>
</div>
<div class="flex flex-col items-center pb-10 mx-auto my-10 border-b border-gray-300 max-w-7xl sm:flex-row">
<div class="inline-flex items-center justify-center flex-shrink-0 w-20 h-20 text-neutral-600 rounded-full bg-gray-50 sm:mr-10">
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" />
<path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
</svg>
</div>
<div class="flex-grow mt-6 prose text-center sm:text-left sm:mt-0 prose-md">
<h2>I have a Rails application and need help with the maintenance.</h2>
<p>We got this. We work with Rails for more than 10 years. Some applications we maintain are older than 16. Released before Rails 1.0! We find joy in keeping a useful system in a good shape.</p>
</div>
</div>
<div class="flex flex-col items-center pb-10 mx-auto my-10 border-b border-gray-300 max-w-7xl sm:flex-row">
<div class="inline-flex items-center justify-center flex-shrink-0 w-20 h-20 text-neutral-600 rounded-full bg-gray-50 sm:mr-10">
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" />
<path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
</svg>
</div>
<div class="flex-grow mt-6 prose text-center sm:text-left sm:mt-0 prose-md">
<h2>I have a slow Rails application and want to make it faster.</h2>
<p>This happens. There's often not enough time to invest in performance. But performance matters. We use solid, industry standard tools to find performance bottlenecks in your application. Low hanging fruits and high benefits first!</p>
</div>
</div>
<div class="flex flex-col items-center pb-10 mx-auto my-10 border-b border-gray-300 max-w-7xl sm:flex-row">
<div class="inline-flex items-center justify-center flex-shrink-0 w-20 h-20 text-neutral-600 rounded-full bg-gray-50 sm:mr-10">
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" />
<path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
</svg>
</div>
<div class="flex-grow mt-6 prose text-center sm:text-left sm:mt-0 prose-md">
<h2>I need help with testing a Rails application.</h2>
<p>We would be happy to help! We <strong>always</strong> write tests and we love when other teams take effort to do so. We can help your team start with testing and Test Driven Development. We can write core tests for existing apps, fix flaky tests, optimize test suites and set up a Continuous Integration pipeline for your project.</p>
</div>
</div>
<div class="flex flex-col items-center pb-10 mx-auto my-10 border-b border-gray-300 max-w-7xl sm:flex-row">
<div class="inline-flex items-center justify-center flex-shrink-0 w-20 h-20 text-neutral-600 rounded-full bg-gray-50 sm:mr-10">
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
<path stroke-linecap="round" stroke-linejoin="round" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" />
<path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" />
</svg>
</div>
<div class="flex-grow mt-6 prose text-center sm:text-left sm:mt-0 prose-md">
<h2>I need help with something else.</h2>
<p>Is it on the Web? We can probably do it. We helped our clients automate workflows, launch static and WordPress websites, implement designs and WordPress themes. Even if it's not our core expertise, if you're our client, we'll help any way we can.</p>
</div>
</div>
</section>
<section>
<div class=" flex flex-col items-center px-5 py-8 mx-auto max-w-7xl sm:px-6 lg:px-8">
<div class="flex flex-col w-full max-w-3xl mx-auto prose text-left prose-emerald">
<div class="mx-auto">
<h2>
Feel free to get in touch any time by <a href="mailto:[email protected]">sending us an email</a>.
</h2>
</div>
</div>
</div>
</section>
<section>
<div class=" flex flex-col items-center px-5 py-8 mx-auto max-w-7xl sm:px-6 lg:px-8">
<div class="flex flex-col w-full max-w-3xl mx-auto prose text-left prose-emerald">
<div class="mx-auto">
<h1>Projects</h1>
</div>
<div class=" flex flex-col items-center px-5 py-8 mx-auto">
<div class="flex flex-col w-full mb-8 prose prose-emerald text-left max-w-max lg:max-w-2xl">
<div class="w-full mx-auto">
<h2><a href="/alas">Alas</a></h2>
<p>Alas is the most powerful tool to plan your life and work, with a single text file.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section>
<div class=" flex flex-col items-center px-5 py-8 mx-auto max-w-7xl sm:px-6 lg:px-8">
<div class="flex flex-col w-full max-w-3xl mx-auto prose text-left prose-emerald">
<div class="mx-auto">
<h1>Blog</h1>
</div>
<div class="flex flex-col items-center py-6 mx-auto mb-2 border-b border-gray-200 sm:flex-row lg:w-1/2">
<div class="inline-flex items-center flex-grow mt-6 text-left sm:mt-0">
<a href="/2020/04/22/validate-your-yaml-files/" class="pr-12 text-xs font-semibold tracking-widest text-emerald-600 uppercase no-underline hover:text-neutral-600">Validate Your YAML Files</a>
<a href="/2020/04/22/validate-your-yaml-files/" class="ml-auto text-emerald-600 no-underline hover:text-neutral-600">»</a>
</div>
</div>
</div>
</div>
</section>
<footer class="bg-white" aria-labelledby="footer-heading">
<h2 id="footer-heading" class="sr-only">Footer</h2>
<div class="px-4 py-12 mx-auto bg-gray-50 max-w-7xl sm:px-6 lg:px-16">
<div class="flex flex-wrap items-baseline lg:justify-center">
<span class="mt-2 text-sm font-light text-gray-500">
Copyright © 2016 - 2024
Hackberry
</span>
</div>
</div>
</footer>
<script src="/javascripts/site.js"></script>
</body>
</html>