README for our English https://esolia.com & 日本語 https://esolia.co.jp sites.
Circle CI Status:
As they say, we "stand on the shoulders of giants", and our site is no exception.
This iteration can be summarized as follows:
- Still using the world's fastest static site generator "Hugo" to generate the site from templates, css, javascript and images.
- Using Bulma CSS library, with extensions and custom components.
- Using Ryo Gothic for the type face, via Adobe Typekit.
- Connecting to eSolia PROdb for data.
- Using the Mac app Codekit to compile SCSS and Javascript.
- Photography and Graphics by eSolia CEO Rick Cogley.
- Using local search powered by Fuse.js, instead of Google Search.
Hugo is a Static Site Generator, which makes it trivial to use html "templates" to merge your css, javascript, images and content written in the Markdown format, into a publishable website.
About Hugo, we learn:
Hugo is written for speed and performance. Great care has been taken to ensure that Hugo build time is as short as possible. We're talking milliseconds to build your entire site for most setups.
In fact, it takes far longer to upload the site to your web space than it does for Hugo to generate it. At the very least, it saves you time and money in CI build minutes!
Hugo is downloadable as a single binary file, written in Go, which means it will run on just about any platform, just by running the file. There are no complex installations and dependencies to deal with.
Hugo is eSolia's preferred SSG.
The look of this site comes from a couple of different components.
First, the stylistic base of the site comes from a the css library called "Bulma". About Bulma:
Bulma is an open source CSS framework based on Flexbox and used by more than 100,000 developers.
It allows you to have consistency in your basic styles, responsiveness to support mobile users, and acts as a great starting point for any site.
As for Type Faces, the main one is Ryo Gothic from Adobe Typekit (see also the auto-generated colophon for more info). We got some hints also from Web Typography as well.
The icons you see are from Font Awesome.
The photos and most graphics on this site are by Rick Cogley, unless otherwise noted.
For the short posts and project lists on the home page, news archive and success stories pages, we are pulling information from our company ERP system running on PROdb, our cloud database. The Info Request form pushes info a table in PROdb as well, to allow for some automation. Additionally, we are protecting the info request form with Google Re-Captcha.
This site and its Japanese counterpart are hosted in Amazon AWS object storage S3 and delivered globally via Amazon's content delivery network (CDN) CloudFront. DNS is hosted on AWS Route53, a robust and fast DNS service.
The repository for this site is (obviously) hosted at Github.
Warm thanks and regards to:
- Hugo Team - founder Steve Francia (@spf13), lead developer Bjørn Erik Pedersen (@bep), and fantastic contributors. Thanks also go to the Go language team itself, and the helpful folks on the Hugo discussion forums).
- Bulma - by css guru Jeremy Thomas (@jgthms), extensions by Wikiki.
- Ryo Gothic Plus by Grand Master Masahiko Kozuka and new talent Ryoko Nishizuka.
- Eddie Webb, Kaushal Modi, and Josh Habdas for the various tutorials on implementing local site search in Fuze.js.
- Bryan Jones for CodeKit.
- Joe Lust for this tutorial on S3 and CloudFront hosting, and to Bjørn Erik Pedersen for s3deploy, making it super simple to put your changed site files on your local hard drive up to S3.
Unless otherwise noted, the text content on this site is copyright eSolia Inc.
Unless otherwise noted, the source content on this site is released under the MIT License.