jekyll-theme-startbootstrap-agency

A gem-based responsive simple Jekyll theme based on Start Bootstrap - Agency.

Jekyll Theme based on Startbootstrap Agency

jekyll-theme-startbootstrap-agency is a Jekyll theme based on Start Bootstrap - Agency. You can see the live demo.

"Agency is a stylish, one page Bootstrap theme for agencies and small businesses. The design of Agency is based off of the Golden PSD Theme by Mathavan Jaya. You can download the PSD verison of this theme at FreebiesXpress.com."

Preview

View Live Preview

Background

The objective of this project is to provide a Jekyll theme that is line by line perfect replica of “Startbootstrap - Agency” and at the same time to be so dynamic that can be used as a starting point for child themes.

Currently the only difference between “Startbootstrap – Agency” and jekyll-theme-startbootstrap-agency as served with the default content is found in the final css/agency.min.css which is normal since the scss is compiled by different engines.

https://github.com/y7kim/agency-jekyll-theme has not been updated for more that a year and it is still based in Bootstrap 3

Features:

MIT License
Built to support the latest, stable releases of all major browsers and platforms.
Fully responsive HTML template created with Bootstrap 4
Custom collapsing navigation with active classes, smooth page scrolling, and responsive fallback stylings
Services section with CSS only circle icons by Font Awesome
Portfolio grid with modal window popup previews for portfolio item details
About section with a responsive timeline, special thanks to Bootsnipp
Team member section with circle profile images and social media links
Contact form with validation - just add your server url to the js-url at _data/home.yml
Footer with social links, copyright information, and other links
SCSS files included for deeper customization options

Installation

Add this line to your Jekyll site's Gemfile:

gem "jekyll-theme-startbootstrap-agency"

And add this line to your Jekyll site's _config.yml:

theme: jekyll-theme-startbootstrap-agency

And then execute:

$ bundle

Or install it yourself as:

$ gem install jekyll-theme-startbootstrap-agency

Usage

Usage Example

_config.yml

title: [The title of your site]
description: [A short description of your site's purpose]
author: [The author of the website]

sass: # Enables the conversion of css/agency.min.scss to  css/agency.min.css
  style: compressed # Minify css/agency.min.css

collections: # Enables additional data structures 
  projects: # Enables _projects

assets/css/

agency.min.scss Add any additional styling

assets/_scss/

_variables.scss

$primary: [hexcode of the primary color] !default;

assets/_mixins.scss Font Configuration

assets/_masthead.scss Master Header

 background-image: url('[Path to master header background image]');

assets/_contact.scss

 background-image: url('[Path to contact section background image]');

_data/

default.yml Data used by the default layout ``` brand: name: [Top left name] menu-string: [Collapsed menu text]

nav: # Navbar links

title: [Link title] url: '[Link]' ...
title: [Link title] url: '[Link]'

social-buttons: # Footer social buttons

icon: [Font awesome icon code] url: '[Link]' ...
icon: [Font awesome icon code] url: '[Link]'

quicklinks: # Footer links - title: [Link title] url: '[Link]' ...

title: [Link title] url: '[Link]'

modal: # Modal strings for l10n

- `home.yml` Data used by the homepage

intro: # Master header text

services: # Services section heading: [Services Title] subheading: [Services Subtile] service: # List of services - icon: [Font Awasome icon code] heading: [Service Title] text: [Service text] ... - icon: [Font Awasome icon code] heading: [Service Title] text: [Service text]

portfolio: # portfolio section heading: [Portfolio title] subheading: [Portfolio subtitle]

about: # About section heading: [About title] subheading: [About subtitle] timeline: # List - image: [Image path] date: [Date] title: [Title] text: [Text] ... - image: [Image path] date: [Date] title: [Title] text: [Text]

end1: [End bubble first line ] end2: [End bubble second line ] end3: [End bubble third line ]

team: heading: [Title] subheading: [Subtitle] members: [List of members] - name: [Member's name] role: [Member's role] img: [Member's image path] social-buttons: [List of Member's Social Media profiles] - icon: [Font Awasome icon code] url: '[Link to Member's Social Media]' ... - icon: [Font Awasome icon code] url: '[Link to Member's Social Media]'

- name: [Member's name]
  role: [Member's role]
  img: [Member's image path]
  social-buttons: [List of Member's Social Media profiles]
    - icon: [Font Awasome icon code]
      url: '[Link to Member's Social Media]' 
    ...
    - icon: [Font Awasome icon code]
      url: '[Link to Member's Social Media]'

text: [Text under members list]

clients: # List of clients logos and links

img: [Path to clients logo image] url: '[Link to clients website]' ...
img: [Path to clients logo image] url: '[Link to clients website]'

contact: # Contact Section heading: [Translateble string] ... btn: [Translatable string]

js-url: '[Contact form target]' js-success: '[Translatable string]' js-error: '[Translatable string]' # Attention around " + firstName + " js-error-min: '[Translatable string]' # Attention around "+i+"

`_layouts/`
- `default.html` Default layout
- `home.html` Home layout

`assets/js/`
- `contact_me.js` Contact form checker and submitter

`_projects/` Directory storing project data
- `*.md` Project data

## Contributing

Bug reports and pull requests are welcome on GitHub at https://github.com/SotiriosVrachas/jekyll-theme-startbootstrap-agency/issues . This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.

## Development

To set up your environment to develop this theme, run `bundle install`.

The theme is setup just like a normal Jekyll site! To test the theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using the theme. Edit pages, documents, data, etc. like normal to test the theme's contents. As you make modifications to the theme and to the content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.

## About

jekyll-theme-startbootstrap-agency is an open source Jekyll theme based on [Start Bootstrap - Agency](https://github.com/BlackrockDigital/startbootstrap-agency)

The MIT License (MIT)

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.


Start Bootstrap - Agency is based on the [Bootstrap](https://github.com/twbs/bootstrap) framework.

The MIT License (MIT)

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.


## License

Copyright 2018 Sotirios Vrachas. The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

The MIT License (MIT)

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

minimal academic resume portfolio documentation wiki tailwind bootstrap dark ecommerce github-pages blog