Skip to content

Commit ee4a8c2

Browse files
SimonTaylorSimonTaylor
authored
Merge pull request #7 from spt-development/redesign
Complete site redesign, proper use of sass, seo improvements and comp…
2 parents a5718fc + ebd551d commit ee4a8c2

File tree

162 files changed

+11055
-341
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

162 files changed

+11055
-341
lines changed

‎Gemfile

+1
Original file line numberDiff line numberDiff line change
@@ -19,6 +19,7 @@ group :jekyll_plugins do
1919
gem 'jekyll-sitemap'
2020
gem 'jekyll-gist'
2121
gem 'jekyll-redirect-from'
22+
gem 'jekyll-paginate'
2223
end
2324

2425
# Windows and JRuby does not include zoneinfo files, so bundle the tzinfo-data gem

‎Gemfile.lock

+3-1
Original file line numberDiff line numberDiff line change
@@ -38,6 +38,7 @@ GEM
3838
jekyll (>= 3.7, < 5.0)
3939
jekyll-gist (1.5.0)
4040
octokit (~> 4.2)
41+
jekyll-paginate (1.1.0)
4142
jekyll-redirect-from (0.16.0)
4243
jekyll (>= 3.3, < 5.0)
4344
jekyll-sass-converter (2.1.0)
@@ -97,6 +98,7 @@ DEPENDENCIES
9798
jekyll (~> 4.0.0)
9899
jekyll-feed (~> 0.12)
99100
jekyll-gist
101+
jekyll-paginate
100102
jekyll-redirect-from
101103
jekyll-sitemap
102104
minima (~> 2.5)
@@ -105,4 +107,4 @@ DEPENDENCIES
105107
wdm (~> 0.1.1)
106108

107109
BUNDLED WITH
108-
2.1.4
110+
2.3.11

‎Profile.pdf

-123 KB
Binary file not shown.

‎_config.yml

+63-18
Original file line numberDiff line numberDiff line change
@@ -18,28 +18,45 @@
1818
# You can create any custom variable you would like, and they will be accessible
1919
# in the templates via {{ site.myvariable }}.
2020

21+
google_analytics: G-TSTV2NSH7Q
22+
23+
locale: en_UK
24+
2125
title: SPT Development
22-
email: simon.taylor@spt-development.com
26+
email: info@spt-development.com
2327
description: >- # this means to ignore newlines until "baseurl:"
24-
SPT Development Ltd is the company Simon Taylor provides full-stack development,
25-
architecture and software consultancy services through. Simon is available
26-
for contracting and bespoke software development across a wide range of
27-
technologies and platforms.
28+
We are software consultants with many years experience in the IT industry, designing,
29+
building and successfully delivering bespoke software solutions. We are passionate about
30+
technology, code and delivering high quality software to meet our customer's needs.
31+
2832
baseurl: "" # the subpath of your site, e.g. /blog
2933
url: "https://www.spt-development.com" # the base hostname & protocol for your site, e.g. http://example.com
30-
twitter_username: sptdevltd
31-
github_username: SimonTaylor
32-
show_excerpts: true
34+
35+
twitter:
36+
username: sptdevltd
37+
card: summary_large_image
38+
github:
39+
username: SimonTaylor
40+
social:
41+
name: SPT Development
42+
links:
43+
- https://twitter.com/sptdevltd
44+
- https://www.linkedin.com/company/spt-development-ltd/
45+
- https://github.com/spt-development
46+
3347
disqus:
3448
shortname: https-spt-development-com
3549

50+
show_excerpts: true
51+
3652
# Build settings
3753
theme: minima
3854
plugins:
3955
- jekyll-feed
4056
- jekyll-sitemap
4157
- jekyll-gist
4258
- jekyll-redirect-from
59+
- jekyll-paginate
4360

4461
# Exclude from processing.
4562
# The following items will not be processed, by default.
@@ -63,21 +80,49 @@ plugins:
6380
whitelist:
6481
- jekyll-redirect-from
6582

83+
show_excerpts: true
84+
paginate_path: "/blog/page-:num/"
85+
paginate: 10
86+
87+
collections:
88+
categories:
89+
output: false
90+
6691
navigation:
67-
- text: Home
68-
url: /
69-
- text: Open Source
70-
title: Open Source Projects
71-
url: /opensource
92+
- text: Consultancy
93+
title: Software Consultancy
94+
url: /software-consultancy
95+
- text: Industries
96+
items:
97+
- text: Government
98+
url: /government
99+
- text: Retail
100+
url: /software-consultancy#industries
101+
- text: Finance
102+
url: /software-consultancy#industries
103+
- text: Telecomms
104+
url: /software-consultancy#industries
105+
- text: Utilities
106+
url: /software-consultancy#industries
107+
- text: Recruitment
108+
url: /software-consultancy#industries
109+
- text: Services
110+
items:
111+
- text: Quality Software
112+
url: /quality-software
113+
- text: Integration
114+
url: /integration
72115
- text: Blog
73-
title: Blog
74116
url: /blog
75-
- text: Profile
76-
title: Simon Taylor's Profile
77-
url: /Profile.pdf
78117

79118
defaults:
80119
- scope:
81120
page: ""
82121
values:
83-
image: /assets/Logo.png
122+
image:
123+
path: /assets/images/splash-logo.jpg
124+
type: image/jpeg
125+
height: 2078
126+
width: 3882
127+
seo:
128+
type: Organization

‎_includes/about.html

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
<section class="bg-dark text-light container-fluid" aria-label="About">
2+
<div class="container-xl mt-3">
3+
<div class="row">
4+
<div class="col">
5+
<img src="{{ "/assets/Logo.png" | relative_url }}" alt="SPT Development Ltd logo" />
6+
<h3>About Us</h3>
7+
<p>We are software consultants with years of experience in the IT industry, designing, building and successfully delivering bespoke software solutions. We are passionate about technology, code and delivering high quality software to meet our customer's needs.</p>
8+
</div>
9+
<div class="col">
10+
<h4 class="mb-0">Simon Taylor</h4>
11+
<h5>Founder</h5>
12+
<p>Simon has considerable software development and technical architecture experience within integration, enterprise applications, public facing websites and mobile applications, as well as leading teams and mentoring other developers. This experience has been built up during a career that spans 20 years and across technologies such as C, Unix, Java (4 - 19), .NET and iOS. Currently Simon’s main technical focus is within the Java space, in particular Spring Boot and other Spring projects, but will also happily engage on projects utilizing other technologies such as Javascript, Python, .NET and iOS.</p>
13+
</div>
14+
</div>
15+
</div>
16+
</section>
17+
<section class="container-fluid text-center" aria-label="Contact Us">
18+
<div class="container-xl mt-3">
19+
<h4>Contact Us</h4>
20+
<p>TODO</p>
21+
</div>
22+
</section>

‎_includes/footer.html

+110-10
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,114 @@
1-
<footer class="page-footer sticky-bottom">
2-
<section class="text-center social-networks">
3-
<!--<a href="http://www.facebook.com/sptdevltd" title="Join us on Facebook"><img alt="Join us on Facebook" src="{{ "/assets/facebook_logo.png" | relative_url }}"></a>-->
4-
<a href="http://twitter.com/sptdevltd" title="Follow us on Twitter"><img alt="Follow us on Twitter" src="{{ "/assets/twitter_logo.png" | relative_url }}"></a>
5-
<a href="http://www.linkedin.com/company/spt-development-ltd" title="Link to us on LinkedIn"><img alt="Link to us on LinkedIn" src="{{ "/assets/linkedin_logo.png" | relative_url }}"></a>
1+
<section class="bg-dark text-light container-fluid" aria-label="About">
2+
<div class="container-xl mt-3">
3+
<div class="row">
4+
<div class="mb-3 mb-lg-0 col-12 col-md-6 col-lg-4 order-1">
5+
<img src="{{ "/assets/Logo-no-padding.png" | relative_url }}" class="mb-1" alt="SPT Development Ltd logo" />
6+
{%- include /leads/company-overview.html %}
7+
<!--<a href="{{ "/company-overview" | relative_url }}" title="Company Overview">
8+
Discover more<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-right" viewBox="0 0 16 16">
9+
<path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/>
10+
</svg>
11+
</a>-->
12+
</div>
13+
<div class="d-none d-lg-block col-lg-1 order-2"></div>
14+
<div class="col-6 col-lg-2 order-3 order-lg-3">
15+
<h4 class="fs-5 mb-0">Company</h4>
16+
<ul class="list-group list-group-flush">
17+
<!--<li class="list-group-item px-0 pb-0 bg-dark">
18+
<a href="{{ "/company-overview" | relative_url }}" title="About us">
19+
About us
20+
</a>
21+
</li>-->
22+
<!--<li class="list-group-item px-0 pb-0 bg-dark">
23+
<a href="{{ "/team" | relative_url }}" title="The Team">
24+
The Team
25+
</a>
26+
</li>-->
27+
<li class="list-group-item px-0 pb-0 bg-dark">
28+
<a href="{{ "/software-consultancy" | relative_url }}" title="Consultancy">
29+
Consultancy
30+
</a>
31+
</li>
32+
<li class="list-group-item px-0 pb-0 bg-dark">
33+
<a href="{{ "/opensource" | relative_url }}" title="Open Source">
34+
Open Source
35+
</a>
36+
</li>
37+
<li class="list-group-item px-0 pb-0 bg-dark">
38+
<a href="{{ "/blog" | relative_url }}" title="Blog">
39+
Blog
40+
</a>
41+
</li>
42+
</ul>
43+
</div>
44+
<div class="col-6 col-lg-2 order-4 order-lg-4">
45+
<h4 class="fs-5 mb-0">Support</h4>
46+
<ul class="list-group list-group-flush">
47+
<li class="list-group-item px-0 pb-0 bg-dark">
48+
<a href="{{ "/contact-us" | relative_url }}" title="Contact Us">
49+
Contact Us
50+
</a>
51+
</li>
52+
<li class="list-group-item px-0 pb-0 bg-dark">
53+
<a href="{{ "/cookies" | relative_url }}" title="Cookies">
54+
Cookies
55+
</a>
56+
</li>
57+
<li class="list-group-item px-0 pb-0 bg-dark">
58+
<a href="{{ "/privacy" | relative_url }}" title="Privacy">
59+
Privacy
60+
</a>
61+
</li>
62+
<li class="list-group-item px-0 pb-0 bg-dark">
63+
<a href="/sitemap.xml" title="Sitemap">
64+
Sitemap
65+
</a>
66+
</ul>
67+
</div>
68+
<div class="mb-4 mb-lg-0 col-12 col-md-6 col-lg-3 order-2 order-lg-5">
69+
<h4 class="fs-5 mb-0">Meet Us</h4>
70+
<p class="mt-1">Book a meeting now, to find out more about us and for us to find out a little about you.</p>
71+
<!-- Calendly link widget begin -->
72+
<link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
73+
<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript" async></script>
74+
<a href="" class="calendly-widget-link" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/spt-development/introduction?hide_gdpr_banner=1'});return false;">Book Now</a>
75+
<!-- Calendly link widget end -->
76+
</div>
77+
</div>
78+
</div>
79+
</section>
80+
<footer class="bg-dark mt-auto">
81+
<section class="text-center mt-2">
82+
<a href="http://twitter.com/sptdevltd" title="Follow us on Twitter" class="text-light mx-2">
83+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
84+
<path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"></path>
85+
</svg>
86+
</a>
87+
<a href="http://www.linkedin.com/company/spt-development-ltd" title="Link to us on LinkedIn" class="text-light mx-2">
88+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
89+
<path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/>
90+
</svg>
91+
</a>
92+
<a href="https://github.com/spt-development" title="Find us on GitHub" class="text-light mx-2">
93+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24">
94+
<path fill-rule="evenodd" d="M12 2C6.477 2 2 6.484 2 12.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0112 6.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.202 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.309.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.019 10.019 0 0022 12.017C22 6.484 17.522 2 12 2z" clip-rule="evenodd"></path></svg>
95+
</svg>
96+
</a>
697
</section>
7-
<section class="footer-copyright text-center">
8-
<p>&copy; SPT Development Ltd. All rights reserved.</p>
98+
<section class="footer-copyright text-light text-center">
99+
<p class="mt-2">&copy; {{ site.time | date: '%Y' }} SPT Development Ltd. All rights reserved.</p>
9100
</section>
10101
</footer>
11-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
12-
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
13-
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
102+
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
103+
<script src="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.js" data-cfasync="false"></script>
104+
{% if page.cdn-scripts %}
105+
{% for cdn-script in page.cdn-scripts %}
106+
<script src="{{ cdn-script }}"></script>
107+
{% endfor %}
108+
{% endif %}
14109
<script src="{{ "/assets/js/script.js" | relative_url }}" type="text/javascript"></script>
110+
{% if page.scripts %}
111+
{% for script in page.scripts %}
112+
<script src="{{ script | relative_url }}" type="text/javascript"></script>
113+
{% endfor %}
114+
{% endif %}

‎_includes/google-analytics.html

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
<!-- Global site tag (gtag.js) - Google Analytics -->
2+
<script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
3+
<script>
4+
window.dataLayer = window.dataLayer || [];
5+
function gtag(){dataLayer.push(arguments);}
6+
gtag('js', new Date());
7+
8+
gtag('config', '{{ site.google_analytics }}');
9+
</script>

‎_includes/head.html

+9-16
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,7 @@
1-
21
<head>
3-
<!-- Global site tag (gtag.js) - Google Analytics -->
4-
<script async src="https://www.googletagmanager.com/gtag/js?id=G-TSTV2NSH7Q"></script>
5-
<script>
6-
window.dataLayer = window.dataLayer || [];
7-
function gtag(){dataLayer.push(arguments);}
8-
gtag('js', new Date());
9-
10-
gtag('config', 'G-TSTV2NSH7Q');
11-
</script>
2+
{%- if jekyll.environment == 'production' and site.google_analytics -%}
3+
{%- include google-analytics.html -%}
4+
{%- endif -%}
125

136
<meta charset="utf-8">
147
<meta name="viewport" content="width=device-width, initial-scale=1">
@@ -17,14 +10,14 @@
1710
<meta name="copyright" content="SPT Development Ltd" />
1811
{%- seo -%}
1912
{%- feed_meta -%}
20-
{%- if jekyll.environment == 'production' and site.google_analytics -%}
21-
{%- include google-analytics.html -%}
22-
{%- endif -%}
2313

24-
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
14+
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
15+
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
16+
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
17+
<link rel="manifest" href="/site.webmanifest">
2518
<link rel="stylesheet" href="{{ "/assets/css/reset.css" | relative_url }}" />
26-
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
27-
<link rel="stylesheet" href="{{ "/assets/css/custom.css" | relative_url }}" />
19+
<link rel="stylesheet" href="{{ "/assets/css/main.css" | relative_url; }}" />
20+
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/cookieconsent@3/build/cookieconsent.min.css" />
2821
<!--[if lt IE 9]>
2922
<script type="text/javascript">
3023
document.createElement("nav");

‎_includes/header.html

+29-13
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,32 @@
1-
<nav class="navbar navbar-expand-lg navbar-dark static-top container">
2-
<a class="navbar-brand" rel="author" href="{{ "/" | relative_url }}" title="{{ site.title | escape }}">
3-
<img src="{{ "/assets/Logo.png" | relative_url }}" alt="SPT Development Ltd logo" />
4-
</a>
5-
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
6-
<span class="navbar-toggler-icon"></span>
7-
</button>
8-
<div class="collapse navbar-collapse border-top border-bottom" id="navbarNavAltMarkup">
9-
<div class="navbar-nav">
10-
{% assign url = page.url|remove:'index.html' %}
11-
{% for link in site.navigation %}
12-
<a class="nav-item nav-link {% if url == link.url %}active{% endif %}" href="{{ link.url }}" title="{{ link.title }}">{{ link.text }}</a>
13-
{% endfor %}
1+
<nav class="navbar navbar-expand-lg navbar-dark fixed-top bg-dark border-bottom border-light py-0">
2+
<div class="container-xl">
3+
<a class="navbar-brand" rel="author" href="{{ "/" | relative_url }}" title="{{ site.title | escape }}">
4+
<img src="{{ "/assets/Logo.png" | relative_url }}" alt="SPT Development Ltd logo" />
5+
</a>
6+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
7+
<span class="navbar-toggler-icon"></span>
8+
</button>
9+
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
10+
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
11+
{% assign url = page.url|remove:'index.html' %}
12+
{% for link in site.navigation %}
13+
<li class="nav-item{% if link.items[0] %} dropdown{% endif %}">
14+
{% if link.items[0] %}
15+
{% assign dropdown = link.text|remove:' '|Dropdown %}
16+
<a class="nav-link dropdown-toggle" href="#" id="{{ dropdown }}" role="button" data-bs-toggle="dropdown" aria-expanded="false">
17+
{{ link.text }}
18+
</a>
19+
<ul class="dropdown-menu" aria-labelledby="{{ dropdown }}">
20+
{% for item in link.items %}
21+
<li><a class="dropdown-item{% if url == item.url %} active{% endif %}" href="{{ item.url | relative_url }}" title="{{ link.title | default: link.text }}">{{ item.text }}</a></li>
22+
{% endfor %}
23+
</ul>
24+
{% else %}
25+
<a class="nav-item nav-link{% if url == link.url %} active{% endif %}" href="{{ link.url | relative_url }}" title="{{ link.title | default: link.text }}">{{ link.text }}</a>
26+
{% endif %}
27+
</li>
28+
{% endfor %}
29+
</div>
1430
</div>
1531
</div>
1632
</nav>

‎_includes/leads/cloud-first.html

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
<p>We take a <em>cloud first</em> approach to all the projects we are involved in. Whilst there are often good reasons <em>not</em> to deploy your software to the
2+
cloud, in our opinion there is seldom a good reason <span class="fst-italic">not</span> to consider it for new software projects.</p>

‎_includes/leads/company-overview.html

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<p>{{ site.description }}</p>

‎_includes/leads/government.html

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
<p>We specialise in working with <em>government</em> departments and agencies at all levels. We take great pleasure in helping government departments
2+
increase efficiency and provide real benefit to the lives of the country's citizens through the innovative, secure and cost-effective use of IT.</p>

‎_includes/leads/integration.html

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
<p>Increasingly, organizations have a need to combine the data and functionality from more and more sources that are rarely designed to interoperate with each other. Our consultants have real-world experience of successfully delivering <em>integration</em> solutions that operate securely, at scale and maintain accuracy and integrity of data.</p>

0 commit comments

Comments
 (0)