Repository: CloudCannon/urban-jekyll-template
Branch: main
Commit: 5119f52c23fe
Files: 50
Total size: 63.7 KB
Directory structure:
gitextract_xnoaes3w/
├── .gitignore
├── Gemfile
├── LICENSE
├── README.md
├── _clients/
│ ├── _defaults.md
│ ├── cause.md
│ ├── edition.md
│ ├── frisco.md
│ ├── hydra.md
│ ├── justice.md
│ └── malt.md
├── _config.yml
├── _data/
│ ├── company.yml
│ ├── footer.yml
│ └── navigation.yml
├── _includes/
│ ├── list-posts.html
│ ├── navigation.html
│ ├── post-summary.html
│ ├── post-title.html
│ ├── relative-src.html
│ ├── social-icon.html
│ └── staff-member.html
├── _layouts/
│ ├── archive.html
│ ├── client.html
│ ├── default.html
│ ├── page.html
│ └── post.html
├── _posts/
│ ├── 2016-07-28-effective-upselling-techniques.md
│ ├── 2016-08-06-definition-of-sales.md
│ ├── 2016-08-12-the-history-of-marketing.md
│ └── _defaults.md
├── _sass/
│ ├── blog.scss
│ ├── cloudcannon.scss
│ ├── contact.scss
│ ├── elements.scss
│ ├── footer.scss
│ ├── forms.scss
│ ├── layout.scss
│ └── navigation.scss
├── _staff_members/
│ ├── _defaults.md
│ ├── anna.md
│ └── james.md
├── about.html
├── blog/
│ └── index.html
├── contact-success.html
├── contact.html
├── css/
│ └── screen.scss
├── index.html
├── js/
│ └── map.js
└── portfolio.html
================================================
FILE CONTENTS
================================================
================================================
FILE: .gitignore
================================================
_site/
.sass-cache/
.jekyll-cache/
.jekyll-metadata
================================================
FILE: Gemfile
================================================
source 'https://rubygems.org'
gem 'jekyll', '~> 4.2.0'
group :jekyll_plugins do
gem 'jekyll-archives', '~> 2.2.1'
gem 'jekyll-feed', '~> 0.15.1'
gem 'jekyll-paginate', '~> 1.1.0'
gem 'jekyll-seo-tag', '~> 2.7.1'
gem 'jekyll-sitemap', '~> 1.4.0'
end
================================================
FILE: LICENSE
================================================
MIT License
Copyright (c) 2016 CloudCannon
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.
================================================
FILE: README.md
================================================
# Urban [ LEGACY TEMPLATE NO LONGER MAINTAINED ]
Web Agency themed business template for Jekyll. Browse through a [live demo](https://teal-worm.cloudvent.net/).
Increase the web presence of your agency with this configurable theme.
Urban was made by [CloudCannon](https://cloudcannon.com/), the Cloud CMS for Jekyll.
Find more templates, themes and step-by-step Jekyll tutorials at [CloudCannon Academy](https://learn.cloudcannon.com/).
[](https://app.cloudcannon.com/register#sites/connect/github/CloudCannon/urban-jekyll-template)
## Features
* Contact form
* Pre-built pages
* Pre-styled components
* Blog with pagination
* Post category pages
* Disqus comments for posts
* Staff and author system
* Configurable footer
* Optimised for editing in [CloudCannon](https://cloudcannon.com/)
* RSS/Atom feed
* SEO tags
* Google Analytics
## Setup
1. Add your site and author details in `_config.yml`.
2. Add your Google Analytics and Disqus keys to `_config.yml`.
3. Get a workflow going to see your site's output (with [CloudCannon](https://app.cloudcannon.com/) or Jekyll locally).
## Develop
Urban was built with [Jekyll](https://jekyllrb.com/) version 3.3.1, but should support newer versions as well.
Install the dependencies with [Bundler](https://bundler.io/):
~~~bash
$ bundle install
~~~
Run `jekyll` commands through Bundler to ensure you're using the right versions:
~~~bash
$ bundle exec jekyll serve
~~~
## Editing
Urban is already optimised for adding, updating and removing pages, staff, advice, company details and footer elements in [CloudCannon](https://app.cloudcannon.com/).
### Posts
* Add, update or remove a post in the *Posts* collection.
* The **Staff Author** field links to members in the **Staff** collection.
* Documentation pages are organised in the navigation by category, with URLs based on the path inside the `_docs` folder.
* Change the defaults when new posts are created in `_posts/_defaults.md`.
### Contact Form
* Preconfigured to work with [CloudCannon](https://app.cloudcannon.com/), but easily changed to another provider (e.g. [FormSpree](https://formspree.io/)).
* Sends email to the address listed in company details.
### Staff
* Reused around the site to save multiple editing locations.
* Add `excluded_in_search: true` to any documentation page's front matter to exclude that page in the search results.
### Footer
* Exposed as a data file to give clients better access.
* Set in the *Data* / *Footer* section.
### Company details
* Reused around the site to save multiple editing locations.
* Set in the *Data* / *Company* section.
================================================
FILE: _clients/_defaults.md
================================================
---
name:
subtitle:
external_url:
image_path:
---
================================================
FILE: _clients/cause.md
================================================
---
name: Cause Template
subtitle: Not for profit template for Jekyll
external_url: https://github.com/CloudCannon/cause-jekyll-template
image_path: /images/clients/cause.jpg
---
Not for profit themed template for Jekyll. Browse through a [live demo](https://clean-oryx.cloudvent.net/).
Increase the web presence of a not for profit or cause website with this configurable theme.
CloudCannon was made by [CloudCannon](https://cloudcannon.com/), the Cloud CMS for Jekyll.
Find more templates, themes and step-by-step Jekyll tutorials at [CloudCannon Academy](https://learn.cloudcannon.com/).
## Features
* Pre-built pages
* Pre-styled components
* Configurable footer
* Optimised for editing in [CloudCannon](https://cloudcannon.com/)
* SEO tags
* Google Analytics
* [Donorbox](https://donorbox.org/)
* [MailChimp](https://mailchimp.com/)
## Setup
1. Add your site details in `_config.yml`.
2. Add your Google Analytics to `_config.yml`.
3. Get a workflow going to see your site's output (with [CloudCannon](https://app.cloudcannon.com/) or Jekyll locally).
## Develop
Cause was built with [Jekyll](https://jekyllrb.com/) version 3.3.1, but should support newer versions as well.
Install the dependencies with [Bundler](https://bundler.io/):
~~~bash
$ bundle install
~~~
Run `jekyll` commands through Bundler to ensure you're using the right versions:
~~~bash
$ bundle exec jekyll serve
~~~
## Editing
Cause is already optimised for updating pages, company details and footer elements in CloudCannon.
## SEO Tag
This site uses the [jekyll-seo-tag](https://github.com/jekyll/jekyll-seo-tag) plugin. You should at least set a title in front matter on each page. Have a look at the [project page](https://github.com/jekyll/jekyll-seo-tag) for more options.
## Google Analytics
[Google Analytics](https://www.google.com/analytics/) is a third party website analytics tool. To install:
1. Add your Google Analytics key to `_config.yml`
2. Run your site in production `JEKYLL_ENV=production`. This is the default in CloudCannon and GitHub Pages.
## Donorbox
[Donorbox](https://donorbox.org/) is a third party embeddable donation form for websites. To install:
1. Set up a campaign on Donorbox
2. Copy the embed code from the Dashboard screen
3. Paste it into `donation_embed` in `_config.yml`
## Mailchimp
[Mailchimp](https://mailchimp.com/) is a third party embeddable newsletter for websites. To install:
1. Set up a campaign on Mailchimp
2. Find the embed code for the sign up form
3. Copy the `<form>`'s action url
4. Paste it into `newsletter_action` in `_config.yml`
### Company details
* Reused around the site to save multiple editing locations.
* Set in the *Data* / *Company* section.
================================================
FILE: _clients/edition.md
================================================
---
name: Edition Template
subtitle: Product documentation template for Jekyll
external_url: https://github.com/CloudCannon/edition-jekyll-template
image_path: /images/clients/edition.png
---
Product documentation template for Jekyll. Browse through a [live demo](https://long-pig.cloudvent.net/).
Start documenting your product, application, service or website with this configurable theme.
Edition was made by [CloudCannon](https://cloudcannon.com/), the Cloud CMS for Jekyll.
Find more templates, themes and step-by-step Jekyll tutorials at [CloudCannon Academy](https://learn.cloudcannon.com/).
## Features
* Two column layout
* Full text search
* Pre-styled components
* Auto-generated navigation based on category
* Optimised for editing in [CloudCannon](https://cloudcannon.com/)
* Change log
* RSS/Atom feed
* SEO tags
* Google Analytics
## Setup
1. Add your site and author details in `_config.yml`.
2. Get a workflow going to see your site's output (with [CloudCannon](https://app.cloudcannon.com/) or Jekyll locally).
## Develop
Edition was built with [Jekyll](https://jekyllrb.com/) version 3.3.1, but should support newer versions as well.
Install the dependencies with [Bundler](https://bundler.io/):
~~~bash
$ bundle install
~~~
Run `jekyll` commands through Bundler to ensure you're using the right versions:
~~~bash
$ bundle exec jekyll serve
~~~
## Editing
Edition is already optimised for adding, updating and removing documentation pages in CloudCannon.
### Documentation pages
* Add, update or remove a documentation page in the *Documentation* collection.
* Change the category of a documentation page to move it to another section in the navigation.
* Documentation pages are organised in the navigation by category, with URLs based on the path inside the `_docs` folder.
### Change log
* Add, update or remove change log entries from your posts.
* Tag entries as minor or major in the front matter.
### Search
* Add `excluded_in_search: true` to any documentation page's front matter to exclude that page in the search results.
### Navigation
* Change `site.show_full_navigation` to control all or only the current navigation group being open.
================================================
FILE: _clients/frisco.md
================================================
---
name: Frisco Template
subtitle: App marketing template for Jekyll
external_url: https://github.com/CloudCannon/frisco-jekyll-template
image_path: /images/clients/frisco.jpg
---
App promotion themed template for Jekyll. Browse through a [live demo](https://brave-submarine.cloudvent.net/).
Increase the web presence of a App with this configurable theme.
Frisco was made by [CloudCannon](https://cloudcannon.com/), the Cloud CMS for Jekyll.
Find more templates, themes and step-by-step Jekyll tutorials at [CloudCannon Academy](https://learn.cloudcannon.com/).
## Features
* Contact form
* Pre-built pages
* Pre-styled components
* Blog with pagination
* Post category pages
* Disqus comments for posts
* Staff and author system
* Configurable footer
* Optimised for editing in [CloudCannon](https://cloudcannon.com/)
* RSS/Atom feed
* SEO tags
* Google Analytics
## Setup
1. Add your site and author details in `_config.yml`.
2. Add your Google Analytics and Disqus keys to `_config.yml`.
3. Get a workflow going to see your site's output (with [CloudCannon](https://app.cloudcannon.com/) or Jekyll locally).
## Develop
Frisco was built with [Jekyll](https://jekyllrb.com/) version 3.3.1, but should support newer versions as well.
Install the dependencies with [Bundler](https://bundler.io/):
~~~bash
$ bundle install
~~~
Run `jekyll` commands through Bundler to ensure you're using the right versions:
~~~bash
$ bundle exec jekyll serve
~~~
## Editing
Frisco is already optimised for adding, updating and removing pages, staff, advice, company details and footer elements in CloudCannon.
### Posts
* Add, update or remove a post in the *Posts* collection.
* The **Staff Author** field links to members in the **Staff Members** collection.
* Documentation pages are organised in the navigation by category, with URLs based on the path inside the `_docs` folder.
* Change the defaults when new posts are created in `_posts/_defaults.md`.
### Contact Form
* Preconfigured to work with CloudCannon, but easily changed to another provider (e.g. [FormSpree](https://formspree.io/)).
### Staff
* Reused around the site to save multiple editing locations.
### Footer
* Exposed as a data file to give clients better access.
* Set in the *Data* / *Navigation* section.
### Footer
* Exposed as a data file to give clients better access.
* Set in the *Data* / *Footer* section.
================================================
FILE: _clients/hydra.md
================================================
---
name: Hydra Template
subtitle: Product marketing template for Jekyll
external_url: https://github.com/CloudCannon/hydra-jekyll-template
image_path: /images/clients/hydra.png
---
Marketing site template for Jekyll. Browse through a [live demo](https://proud-alligator.cloudvent.net/).
Increase the web presence of your brand with this configurable theme.
Hydra was made by [CloudCannon](https://cloudcannon.com/), the Cloud CMS for Jekyll.
Find more templates, themes and step-by-step Jekyll tutorials at [CloudCannon Academy](https://learn.cloudcannon.com/).
## Features
* Contact form
* Pre-built pages
* Pre-styled components
* Blog with pagination
* Post category pages
* Disqus comments for posts
* Staff and author system
* Configurable footer
* Optimised for editing in [CloudCannon](https://cloudcannon.com/)
* RSS/Atom feed
* SEO tags
* Google Analytics
## Setup
1. Add your site and author details in `_config.yml`.
2. Add your Google Analytics and Disqus keys to `_config.yml`.
3. Get a workflow going to see your site's output (with [CloudCannon](https://app.cloudcannon.com/) or Jekyll locally).
## Develop
Hydra was built with [Jekyll](https://jekyllrb.com/) version 3.3.1, but should support newer versions as well.
Install the dependencies with [Bundler](https://bundler.io/):
~~~bash
$ bundle install
~~~
Run `jekyll` commands through Bundler to ensure you're using the right versions:
~~~bash
$ bundle exec jekyll serve
~~~
## Editing
Hydra is already optimised for adding, updating and removing pages, staff, advice, company details and footer elements in CloudCannon.
### Posts
* Add, update or remove a post in the *Posts* collection.
* The **Staff Author** field links to members in the **Staff** collection.
* Documentation pages are organised in the navigation by category, with URLs based on the path inside the `_docs` folder.
* Change the defaults when new posts are created in `_posts/_defaults.md`.
### Contact Form
* Preconfigured to work with CloudCannon, but easily changed to another provider (e.g. [FormSpree](https://formspree.io/)).
* Sends email to the address listed in company details.
### Staff
* Reused around the site to save multiple editing locations.
* Add `excluded_in_search: true` to any documentation page's front matter to exclude that page in the search results.
### Navigation
* Exposed as a data file to give clients better access.
* Set in the *Data* / *Navigation* section.
### Footer
* Exposed as a data file to give clients better access.
* Set in the *Data* / *Footer* section.
================================================
FILE: _clients/justice.md
================================================
---
name: Justice Template
subtitle: Law firm themed business template for Jekyll
external_url: https://github.com/CloudCannon/justice-jekyll-template
image_path: /images/clients/justice.jpg
---
Law firm themed business template for Jekyll. Browse through a [live demo](https://grey-grouse.cloudvent.net/).
Increase the web presence of a law firm or business with this configurable theme.
Justice was made by [CloudCannon](https://cloudcannon.com/), the Cloud CMS for Jekyll.
Find more templates, themes and step-by-step Jekyll tutorials at [CloudCannon Academy](https://learn.cloudcannon.com/).
## Features
* Contact form
* Pre-built pages
* Pre-styled components
* Blog with pagination
* Post category pages
* Disqus comments for posts
* Staff and author system
* Configurable footer
* Optimised for editing in [CloudCannon](https://cloudcannon.com/)
* RSS/Atom feed
* SEO tags
* Google Analytics
## Setup
1. Add your site and author details in `_config.yml`.
2. Add your Google Analytics and Disqus keys to `_config.yml`.
3. Get a workflow going to see your site's output (with [CloudCannon](https://app.cloudcannon.com/) or Jekyll locally).
## Develop
Justice was built with [Jekyll](https://jekyllrb.com/) version 3.3.1, but should support newer versions as well.
Install the dependencies with [Bundler](https://bundler.io/):
~~~bash
$ bundle install
~~~
Run `jekyll` commands through Bundler to ensure you're using the right versions:
~~~bash
$ bundle exec jekyll serve
~~~
## Editing
Justice is already optimised for adding, updating and removing pages, staff, advice, company details and footer elements in [CloudCannon](https://app.cloudcannon.com/).
### Posts
* Add, update or remove a post in the *Posts* collection.
* The **Staff Author** field links to members in the **Staff** collection.
* Documentation pages are organised in the navigation by category, with URLs based on the path inside the `_docs` folder.
* Change the defaults when new posts are created in `_posts/_defaults.md`.
### Contact Form
* Preconfigured to work with [CloudCannon](https://app.cloudcannon.com/), but easily changed to another provider (e.g. [FormSpree](https://formspree.io/)).
* Sends email to the address listed in company details.
### Staff
* Reused around the site to save multiple editing locations.
* Add `excluded_in_search: true` to any documentation page's front matter to exclude that page in the search results.
### Footer
* Exposed as a data file to give clients better access.
* Set in the *Data* / *Footer* section.
### Company details
* Reused around the site to save multiple editing locations.
* Set in the *Data* / *Company* section.
================================================
FILE: _clients/malt.md
================================================
---
name: Malt Template
subtitle: Event marketing template for Jekyll
external_url: https://github.com/CloudCannon/malt-jekyll-template
image_path: /images/clients/malt.jpg
---
Event marketing template for Jekyll. Browse through a [live demo](https://whispering-boat.cloudvent.net/).
Increase the web presence of your event with this configurable theme.
CloudCannon was made by [CloudCannon](https://cloudcannon.com/), the Cloud CMS for Jekyll.
Find more templates, themes and step-by-step Jekyll tutorials at [CloudCannon Academy](https://learn.cloudcannon.com/).
## Features
* Pre-built page
* Pre-styled components
* Optimised for editing in [CloudCannon](https://cloudcannon.com/)
* SEO tags
* Google Analytics
* [EventBrite](https://www.eventbrite.com/)
* Contact Form
* Featured
* Image Gallery
## Setup
1. Add your site details in `_config.yml`.
2. Add your Google Analytics to `_config.yml`.
3. Get a workflow going to see your site's output (with [CloudCannon](https://app.cloudcannon.com/) or Jekyll locally).
## Develop
Malt was built with [Jekyll](https://jekyllrb.com/) version 3.3.1, but should support newer versions as well.
Install the dependencies with [Bundler](https://bundler.io/):
~~~bash
$ bundle install
~~~
Run `jekyll` commands through Bundler to ensure you're using the right versions:
~~~bash
$ bundle exec jekyll serve
~~~
## Editing
Malt is already optimised for updating pages, company details and footer elements in CloudCannon.
## SEO Tag
This site uses the [jekyll-seo-tag](https://github.com/jekyll/jekyll-seo-tag) plugin. You should at least set a title in front matter on each page. Have a look at the [project page](https://github.com/jekyll/jekyll-seo-tag) for more options.
## Google Analytics
[Google Analytics](https://www.google.com/analytics/) is a third party website analytics tool. To install:
1. Add your Google Analytics key to `_config.yml`.
2. Run your site in production `JEKYLL_ENV=production` (the default for CloudCannon and GitHub Pages).
## EventBrite
[EventBrite](https://www.eventbrite.com/) is a third party embeddable event module for websites. To install:
1. Create an event on EventBrite.
2. Copy the Ticket Form embed code from the Widgets menu item.
3. Paste it into `eventbrite_embed` in `_config.yml`.
## Image gallery / Featured
The image gallery is populated by a front matter array in `index.html`. To add items just copy the existing structure.
================================================
FILE: _config.yml
================================================
title: Urban Template
url: "https://teal-worm.cloudvent.net"
baseurl:
google_analytics_key:
google_maps_javascript_api_key:
disqus_shortname:
# Default description in social shares for the jekyll-seo-tag gem
description: Jekyll template with example content for a web agency.
# Author details for the jekyll-seo-tag gem
author:
name:
email:
twitter: # twitter username without the @ symbol
# Social details for the jekyll-seo-tag gem
social:
name: Urban Template
links:
- https://github.com/CloudCannon/urban-jekyll-template
timezone: Etc/UTC
collections:
staff_members:
output: false
clients:
output: true
paginate: 10
paginate_path: "/blog/:num/"
permalink: pretty
jekyll-archives:
enabled:
- "categories"
plugins:
- "jekyll-feed"
- "jekyll-seo-tag"
- "jekyll-paginate"
- "jekyll-archives"
exclude:
- Gemfile
- Gemfile.lock
- README.md
- LICENCE
defaults:
- scope:
path: ""
type: "posts"
values:
layout: "post"
_options:
content:
width: 960
height: 2000
- scope:
path: ""
type: "clients"
values:
layout: "client"
_options:
image_path:
width: 2000
height: 2000
- scope:
path: ""
type: "staff_members"
values:
_options:
image_path:
width: 600
height: 600
- scope:
path: ""
type: "pages"
values:
layout: "page"
- scope:
path: "index.html"
type: "pages"
values:
layout: "default"
# -----------
# CloudCannon
_select_data:
social_icons:
- Facebook
- Instagram
- LinkedIn
- Pinterest
- Tumblr
- Twitter
- YouTube
- RSS
================================================
FILE: _data/company.yml
================================================
title: Urban Ltd
description: Bringing the best experiences to the web for you and your clients.
contact_email_address: contact@example.com
phone: (03) 123 4567
address: 123 Example Street, Gooseburb, 9876, Ducktown, New Zealand
postal_address: PO Box 123, Ducktown, New Zealand
================================================
FILE: _data/footer.yml
================================================
- title: Pages
links:
- name: Home
link: /
- name: Portfolio
link: /portfolio/
- name: Blog
link: /blog/
- name: About
link: /about/
- name: Contact
link: /contact/
- title: Social
links:
- name: Facebook
link: https://facebook.com/cloudcannon/
social_icon: Facebook
new_window: true
- name: Twitter
link: https://twitter.com/cloudcannon/
social_icon: Twitter
new_window: true
- name: Instagram
link: https://instagram.com/
social_icon: Instagram
new_window: true
- name: LinkedIn
link: https://nz.linkedin.com/company/cloud-cannon
social_icon: LinkedIn
new_window: true
================================================
FILE: _data/navigation.yml
================================================
links:
- name: Portfolio
link: /portfolio/
- name: Blog
link: /blog/
- name: About
link: /about/
- name: Contact
link: /contact/
================================================
FILE: _includes/list-posts.html
================================================
{% for post in include.posts %}
<li class="blog-post">{% include post-summary.html post=post %}</li>
{% endfor %}
================================================
FILE: _includes/navigation.html
================================================
<nav>
<a class="nav-toggle" id="open-nav" href="#">☰</a>
<ul>
{% for link in site.data.navigation.links %}
{% assign class = "" %}
{% if link.highlight %}
{% assign class = class | append: " highlight" %}
{% endif %}
{% if link.link == page.url %}
{% assign class = class | append: " active" %}
{% endif %}
<li><a href="{{ site.baseurl }}{{ link.link }}" class="{{ class }}" {% if link.new_window %}target="_blank"{% endif %}>{{ link.name }}</a></li>
{% endfor %}
</ul>
</nav>
================================================
FILE: _includes/post-summary.html
================================================
<h3><a href="{{ site.baseurl }}{{ include.post.url }}">{{ include.post.title }}</a></h3>
{% include post-title.html post=post %}
<div class="post-content">
{{ include.post.excerpt }}
<p><a href="{{ site.baseurl }}{{ include.post.url }}">Read More →</a></p>
</div>
================================================
FILE: _includes/post-title.html
================================================
<p class="post-details">
{% for category in include.post.categories %}
<span class="blog-filter">
<a href="{{ site.baseurl }}/category/{{ category | slugify }}/">{{ category | capitalize }}</a>
</span>
{% endfor %}
<span class="post-date">{{ include.post.date | date: "%B %d, %Y" }}</span>
</p>
================================================
FILE: _includes/relative-src.html
================================================
{% assign prefix = include.src | slice: 0, 2 %}{% assign protocol = include.src | slice: 0, 4 %}{% unless protocol == 'http' or prefix == "//" %}{{ site.baseurl }}{% endunless %}{{ include.src }}
================================================
FILE: _includes/social-icon.html
================================================
{% case include.icon %}
{% when "Facebook" %}
<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M19,4V7H17A1,1 0 0,0 16,8V10H19V13H16V20H13V13H11V10H13V7.5C13,5.56 14.57,4 16.5,4M20,2H4A2,2 0 0,0 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z" /></svg>
{% when "Instagram" %}
<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7.8,2H16.2C19.4,2 22,4.6 22,7.8V16.2A5.8,5.8 0 0,1 16.2,22H7.8C4.6,22 2,19.4 2,16.2V7.8A5.8,5.8 0 0,1 7.8,2M7.6,4A3.6,3.6 0 0,0 4,7.6V16.4C4,18.39 5.61,20 7.6,20H16.4A3.6,3.6 0 0,0 20,16.4V7.6C20,5.61 18.39,4 16.4,4H7.6M17.25,5.5A1.25,1.25 0 0,1 18.5,6.75A1.25,1.25 0 0,1 17.25,8A1.25,1.25 0 0,1 16,6.75A1.25,1.25 0 0,1 17.25,5.5M12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9Z" /></svg>
{% when "LinkedIn" %}
<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M19,19H16V13.7A1.5,1.5 0 0,0 14.5,12.2A1.5,1.5 0 0,0 13,13.7V19H10V10H13V11.2C13.5,10.36 14.59,9.8 15.5,9.8A3.5,3.5 0 0,1 19,13.3M6.5,8.31C5.5,8.31 4.69,7.5 4.69,6.5A1.81,1.81 0 0,1 6.5,4.69C7.5,4.69 8.31,5.5 8.31,6.5A1.81,1.81 0 0,1 6.5,8.31M8,19H5V10H8M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z" /></svg>
{% when "Pinterest" %}
<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M13,16.2C12.2,16.2 11.43,15.86 10.88,15.28L9.93,18.5L9.86,18.69L9.83,18.67C9.64,19 9.29,19.2 8.9,19.2C8.29,19.2 7.8,18.71 7.8,18.1C7.8,18.05 7.81,18 7.81,17.95H7.8L7.85,17.77L9.7,12.21C9.7,12.21 9.5,11.59 9.5,10.73C9.5,9 10.42,8.5 11.16,8.5C11.91,8.5 12.58,8.76 12.58,9.81C12.58,11.15 11.69,11.84 11.69,12.81C11.69,13.55 12.29,14.16 13.03,14.16C15.37,14.16 16.2,12.4 16.2,10.75C16.2,8.57 14.32,6.8 12,6.8C9.68,6.8 7.8,8.57 7.8,10.75C7.8,11.42 8,12.09 8.34,12.68C8.43,12.84 8.5,13 8.5,13.2A1,1 0 0,1 7.5,14.2C7.13,14.2 6.79,14 6.62,13.7C6.08,12.81 5.8,11.79 5.8,10.75C5.8,7.47 8.58,4.8 12,4.8C15.42,4.8 18.2,7.47 18.2,10.75C18.2,13.37 16.57,16.2 13,16.2M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z" /></svg>
{% when "Tumblr" %}
<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M16,11H13V14.9C13,15.63 13.14,16 14.1,16H16V19C16,19 14.97,19.1 13.9,19.1C11.25,19.1 10,17.5 10,15.7V11H8V8.2C10.41,8 10.62,6.16 10.8,5H13V8H16M20,2H4C2.89,2 2,2.89 2,4V20A2,2 0 0,0 4,22H20A2,2 0 0,0 22,20V4C22,2.89 21.1,2 20,2Z" /></svg>
{% when "Twitter" %}
<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M22.46,6C21.69,6.35 20.86,6.58 20,6.69C20.88,6.16 21.56,5.32 21.88,4.31C21.05,4.81 20.13,5.16 19.16,5.36C18.37,4.5 17.26,4 16,4C13.65,4 11.73,5.92 11.73,8.29C11.73,8.63 11.77,8.96 11.84,9.27C8.28,9.09 5.11,7.38 3,4.79C2.63,5.42 2.42,6.16 2.42,6.94C2.42,8.43 3.17,9.75 4.33,10.5C3.62,10.5 2.96,10.3 2.38,10C2.38,10 2.38,10 2.38,10.03C2.38,12.11 3.86,13.85 5.82,14.24C5.46,14.34 5.08,14.39 4.69,14.39C4.42,14.39 4.15,14.36 3.89,14.31C4.43,16 6,17.26 7.89,17.29C6.43,18.45 4.58,19.13 2.56,19.13C2.22,19.13 1.88,19.11 1.54,19.07C3.44,20.29 5.7,21 8.12,21C16,21 20.33,14.46 20.33,8.79C20.33,8.6 20.33,8.42 20.32,8.23C21.16,7.63 21.88,6.87 22.46,6Z" /></svg>
{% when "YouTube" %}
<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M10,16.5V7.5L16,12M20,4.4C19.4,4.2 15.7,4 12,4C8.3,4 4.6,4.19 4,4.38C2.44,4.9 2,8.4 2,12C2,15.59 2.44,19.1 4,19.61C4.6,19.81 8.3,20 12,20C15.7,20 19.4,19.81 20,19.61C21.56,19.1 22,15.59 22,12C22,8.4 21.56,4.91 20,4.4Z" /></svg>
{% when "RSS" %}
<svg fill="#000000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h24v24H0z" fill="none"/><circle cx="6.18" cy="17.82" r="2.18"/><path d="M4 4.44v2.83c7.03 0 12.73 5.7 12.73 12.73h2.83c0-8.59-6.97-15.56-15.56-15.56zm0 5.66v2.83c3.9 0 7.07 3.17 7.07 7.07h2.83c0-5.47-4.43-9.9-9.9-9.9z"/></svg>
{% endcase %}
================================================
FILE: _includes/staff-member.html
================================================
<a target="_blank" href="https://twitter.com/{{ include.member.twitter }}">
<div class="square-image"><img src="{% include relative-src.html src=include.member.image_path %}" alt="{{ include.member.name }}"/></div>
<div class="details">
<div class="name">{{ include.member.name }}</div>
<div class="position">{{ include.member.position }}</div>
</div>
</a>
================================================
FILE: _layouts/archive.html
================================================
---
layout: default
---
{% assign blog = site.pages | where: "path", "blog/index.html" | first %}
<section class="hero diagonal">
<div class="container">
{% if blog.heading %}
<h2><a href="{{ site.baseurl }}/blog/">{{ blog.heading }}</a> / {{ page.title | capitalize }}</h2>
{% endif %}
{% if blog.subtitle %}
<p class="subtext">{{ blog.subtitle }}</p>
{% endif %}
</div>
</section>
<section class="diagonal">
<div class="text-container">
<ul class="blog-posts">
{% include list-posts.html posts=page.posts %}
</ul>
</div>
</section>
================================================
FILE: _layouts/client.html
================================================
---
layout: default
---
{% assign portfolio = site.pages | where: "path", "portfolio.html" | first %}
<section class="hero diagonal">
<div class="container">
{% if portfolio.heading %}
<h2><a href="{{ site.baseurl }}/portfolio/">{{ portfolio.heading }}</a> / {{ page.title | capitalize }}</h2>
{% endif %}
{% if page.subtitle %}
<p class="subtext">{{ page.subtitle }}</p>
{% endif %}
</div>
</section>
<section class="diagonal">
<div class="container">
<p><img src="{% include relative-src.html src=page.image_path %}" class="screenshot"></p>
<div>
{{ content }}
</div>
<p><a href="{{ page.external_url }}">View {{ page.title }} →</a></p>
</div>
</section>
================================================
FILE: _layouts/default.html
================================================
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
{% seo %}
{% feed_meta %}
<link rel="stylesheet" href="{{ site.baseurl }}/css/screen.css">
<link rel="apple-touch-icon" href="{{ site.baseurl }}/apple-touch-icon.png">
<link rel="icon" type="image/png" href="{{ site.baseurl }}/touch-icon.png" sizes="192x192">
<link rel="icon" type="image/png" href="{{ site.baseurl }}/images/favicon.png">
{% if jekyll.environment == 'production' and site.google_analytics_key != '' %}
<script>
window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
ga('create', '{{ site.google_analytics_key }}', 'auto');
ga('send', 'pageview');
</script>
<script async src='https://www.google-analytics.com/analytics.js'></script>
{% endif %}
</head>
<body>
<header>
<div class="container">
<h1 class="company-name"><a href="{{ site.baseurl }}/"><img src="{{ site.baseurl }}/images/logo.svg" alt="Urban" width="150"></a></h1>
{% include navigation.html %}
</div>
</header>
{{ content }}
<footer class="diagonal">
<div class="container">
<p class="editor-link"><a href="cloudcannon:collections/_data/footer.yml" class="btn"><strong>✎</strong> Update Footer Sections</a></p>
<div class="footer-columns">
{% for column in site.data.footer %}
<ul class="footer-links">
<li>
<h2>{{ column.title }}</h2>
</li>
{% for link in column.links %}
<li>
<a {% if link.new_window %}target="_blank"{% endif %} href="{% include relative-src.html src=link.link %}" {% if link.social_icon %}class="{{ link.social_icon | slugify }}-icon"{% endif %}>
{% if link.social_icon %}
{% include social-icon.html icon=link.social_icon %}
{% endif %}
{{ link.name }}
</a>
</li>
{% endfor %}
</ul>
{% endfor %}
<ul class="footer-links">
<li>
<h2>{{ site.data.company.title }}</h2>
</li>
<li>{{ site.data.company.description }}</li>
<li><a href="{{ site.baseurl }}/feed.xml">{% include social-icon.html icon="RSS" %} Subscribe with RSS</a></li>
</ul>
</div>
</div>
<div class="legal-line">
<p class="container">
© {{ site.time | date: '%Y' }} {{ site.data.company.title }}
•
Template by <a href="https://cloudcannon.com/">CloudCannon</a>
</p>
</div>
</footer>
<script>
document.getElementById("open-nav").onclick = function () {
document.body.classList.toggle("nav-open");
return false;
};
</script>
</body>
</html>
================================================
FILE: _layouts/page.html
================================================
---
layout: default
---
<section class="hero diagonal">
<div class="container" {% if page.full_width %}style="max-width: 100%"{% endif %}>
{% if page.heading %}
<h2>{{ page.heading }}</h2>
{% elsif page.title %}
<h2>{{ page.title }}</h2>
{% endif %}
{% if page.subtitle %}
<p class="subtext">{{ page.subtitle }}</p>
{% endif %}
</div>
</section>
{{ content }}
================================================
FILE: _layouts/post.html
================================================
---
layout: page
---
<section class="diagonal">
<div class="blog-post text-container">
{% include post-title.html post=page %}
<div class="post-content">
{{ content }}
</div>
</div>
</section>
{% if page.author_staff_member %}
<section class="diagonal patterned">
<div class="container">
<h2>Author</h2>
<ul class="image-grid">
{% assign author_id = page.author_staff_member | prepend: "/staff_members/" | append: "/" %}
{% assign author = site.staff_members | where: "url", author_id | first %}
<li>{% include staff-member.html member=author %}</li>
</ul>
</div>
</section>
{% endif %}
<section class="diagonal alternate">
<div class="text-container">
<h2>Next post</h2>
<div class="blog-post">
{% if page.next %}
{% include post-summary.html post=page.next %}
{% elsif page.previous %}
{% include post-summary.html post=page.previous %}
{% endif %}
</div>
</div>
</section>
{% if site.disqus_shortname and page.show_comments %}
<section class="diagonal">
<div class="container">
<h2>Comments</h2>
<div id="disqus_thread"></div>
<script>
/**
* RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
* LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/
/*
var disqus_config = function () {
this.page.url = PAGE_URL; // Replace PAGE_URL with your page's canonical URL variable
this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
};
*/
(function() { // DON'T EDIT BELOW THIS LINE
var d = document, s = d.createElement('script');
s.src = '//{{ site.disqus_shortname }}.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
</div>
</section>
{% endif %}
================================================
FILE: _posts/2016-07-28-effective-upselling-techniques.md
================================================
---
title: Effective upselling techniques
categories:
- sales
- tips
author_staff_member: james
show_comments: true
---
Upselling is a sales technique whereby a seller induces the customer to purchase more expensive items, upgrades or other add-ons in an attempt to make a more profitable sale. While it usually involves marketing more profitable services or products, it can be simply exposing the customer to other options that were perhaps not considered.
In practice, large businesses usually combine upselling and cross-selling to maximize profit. In doing so, an organization must ensure that its relationship with the client is not disrupted.
In restaurants and other similar settings, upselling is commonplace and an accepted form of business. In other businesses (e.g. car sales), the customer’s perception of the attempted upsell can be viewed negatively and impact the desired result.
## Why should you upsell?
Upselling is a common practice for service providers that offer different service classes such as airlines (cf. Bohutinsky, 1990). According to “the journal of business and industrial marketing; written collaboratively by Michael J, Sheehan and Paul R, Prabhaker “It is five times more expensive to get a new customer as it is to hold onto a current one.” Selling to a new customer would mean having to start the sales process from the very beginning thus having to establish a new relationship with a different customer. This can be time consuming and often not very effective.
## The benefits
Upselling to a customer that you have already built a rapport with, means that they are more likely to buy from you, listen to your suggestions and opinions and trust you. Selling to the same customer can lead to loyal customers and repeat sales. Upselling brings up the profit that the business makes and the value of the sale. However it is important to understand that although your main objective is to bring up revenue and increase the amount of the sale, a customers experience and their time with you influences future decisions that they make. An upsell can be beneficial to both the seller and the consumer if relevant products are being shown to the customer. For instance, if you had a strict budget of $20,000 for a car, you would not want to be sold a car for twice the amount.
[source](https://en.wikipedia.org/wiki/Upselling): Wikipedia
================================================
FILE: _posts/2016-08-06-definition-of-sales.md
================================================
---
title: Definition of sales
categories:
- sales
author_staff_member: anna
show_comments: true
---
A person or organization expressing an interest in acquiring the offered item of value is referred to as a potential buyer, prospective customer or prospect. Buying and selling are understood to be two sides of the same "coin" or transaction. Both seller and buyer engage in a process of negotiation to consummate the exchange of values. The exchange, or selling, process has implied rules and identifiable stages.
It is implied that the selling process will proceed fairly and ethically so that the parties end up nearly equally rewarded. The stages of selling, and buying, involve getting acquainted, assessing each party’s need for the other’s item of value, and determining if the values to be exchanged are equivalent or nearly so, or, in buyer's terms, "worth the price.” Sometimes, sellers have to use their own experiences when selling products with appropriate discounts.
## Management point of view
From a management viewpoint it is thought of as a part of marketing, although the skills required are different. Sales often forms a separate grouping in a corporate structure, employing separate specialist operatives known as salespersons (singular: salesperson). Selling is considered by many to be a sort of persuading "art". Contrary to popular belief, the methodological approach of selling refers to a systematic process of repetitive and measurable milestones, by which a salesman relates his or her offering of a product or service in return enabling the buyer to achieve their goal in an economic way. While the sales process refers to a systematic process of repetitive and measurable milestones, the definition of the selling is somewhat ambiguous due to the close nature of advertising, promotion, public relations, and direct marketing.
Selling is the profession-wide term, much like marketing defines a profession. Recently, attempts have been made to clearly understand who is in the sales profession, and who is not. There are many articles looking at marketing, advertising, promotions, and even public relations as ways to create a unique transaction.
## Common terms
Two common terms used to describe a salesperson are "Farmer" and "Hunter". The reality is that most professional sales people have a little of both. A hunter is often associated with aggressive personalities who use aggressive sales technique. In terms of sales methodology a hunter refers to a person whose focus is on bringing in and closing deals. This process is called “sales capturing”. An example is a commodity sale such as a long distance sales person, shoe sales person and to a degree a car sales person. Their job is to find and convert buyers. A sales farmer is someone who creates sales demand by activities that directly influence and alter the buying process.
## Systems approach
Many believe that the focus of selling is on the human agents involved in the exchange between buyer and seller. Effective selling also requires a systems approach, at minimum involving roles that sell, enable selling, and develop sales capabilities. Selling also involves salespeople who possess a specific set of sales skills and the knowledge required to facilitate the exchange of value between buyers and sellers that is unique from marketing, advertising, etc.
Within these three tenets, the following definition of professional selling is offered by the American Society for Training and Development (ASTD):
“The holistic business system required to effectively develop, manage, enable, and execute a mutually beneficial, interpersonal exchange of goods and/or services for equitable value.”
Team selling is one way to influence sales. Team selling is “a group of people representing the sales department and other functional areas in the firm, such as finance, production, and research and development”. (Spiro) Team selling came about in the 1990s through total quality management (TQM). TQM occurs when companies work to improve their customer satisfaction by constantly improving all of their operations.
[source](https://en.wikipedia.org/wiki/Sales): Wikipedia
================================================
FILE: _posts/2016-08-12-the-history-of-marketing.md
================================================
---
title: The history of marketing
categories:
- marketing
author_staff_member: james
show_comments: true
---
The beginnings of digital marketing technology can be traced back to the 1980's, when computers became sophisticated enough to store huge volumes of customer information. For a brief moment, no one knew what would happen in digital marketing, but by the 90's it all became clear.
The history of marketing is to a large extent a product of Internet's history as markets have adapted to keep abreast of changes and keep up with the way the major Search Engines rank web pages. Major changes include, in chronological order:
1991- Gopher: A network protocol, one of the very first query and search tools. Gopher was widely used for a couple of years, but usage has now fallen off, with barely 100 Gopher servers now indexed. 2. 1994- Launch of Yahoo, which was formerly known as "Jerry´s Guide to the World Wide Web" after one of its founders, Jerry Yang. Yahoo received in its first year over 1 million hits.
## Academic studies
The study of the history of marketing as an academic field emerged only recently. Controversies and disputes abound in the field. The publication in 1976 of the book The History of Marketing Thought, by Robert Bartels marks a turning-point in marketing thought. Since then, academics specializing in marketing decided to imitate economics, distinguishing theory and practice. Two different fields of study emerged:
the history of marketing thought, giving theoretical accounts
marketing history, focusing on the history of marketing practice
This division parallels the distinction between the history of economic thought and economic history.
Practitioners of the history of marketing thought note that both practitioners and academics know relatively little about the field.[citation needed] But history has significance for academics because it helps to define the baselines upon which they can recognize change and evolve marketing theory.On the other hand, proponents of marketing history argue that one cannot fully compare the marketing field with economics and hence suggest the impracticality of divorcing theory and practice. First, marketing scholars seldom engage in the practice of marketing as much as economists engage in the development and execution of public policies. Second, business people innovate in the marketing field, and the history of marketing will remain incomplete if one dissociates academia from practitioners.
The following sections discuss both approaches to the history of marketing, closing with a debate about the standard chronology of marketing, a widely known hypothesis about the history of marketing, but one that historians in the marketing field have challenged.
[source](https://en.wikipedia.org/wiki/History_of_marketing): Wikipedia
================================================
FILE: _posts/_defaults.md
================================================
---
title:
categories:
author_staff_member:
show_comments: true
date:
---
================================================
FILE: _sass/blog.scss
================================================
.blog-posts {
list-style: none;
padding: 0;
li {
margin: 100px 0;
}
}
.blog-post {
h3 {
margin: 0;
a {
color: #000;
text-decoration: none;
font-weight: normal;
font-size: 1.3em;
}
}
h2 {
text-align: left;
}
.post-details {
margin: 5px 0;
font-size: 1.2rem;
.blog-filter {
display: inline-block;
text-align: left;
a {
position: relative;
top: -5px;
}
}
a {
text-decoration: none;
}
.post-date {
position: relative;
top: -3px;
margin-left: 5px;
}
&:after {
content: "";
display: table;
clear: both;
}
}
.post-content {
.button {
margin: 30px 0 0 0;
}
}
}
.pagination {
text-align: center;
}
.blog-filter {
text-align: center;
a {
background: #eee;
padding: 3px 5px;
font-size: .8em;
border-radius: 5px;
color: #888;
transition: .2s ease-in-out;
&:hover {
color: #555;
text-decoration: none;
}
}
}
================================================
FILE: _sass/cloudcannon.scss
================================================
// CloudCannon Editor Links (https://docs.cloudcannon.com/editing/editor-links/)
.editor-link {
display: none;
margin-top: 0;
.btn {
background-color: #f7e064;
color: #333;
box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2);
padding: 10px;
border-radius: 2px;
&:hover {
background-color: #f4d525;
text-decoration: none;
color: #333;
}
}
}
.cms-editor-active .editor-link {
display: block;
}
================================================
FILE: _sass/contact.scss
================================================
section.map {
position: relative;
height: 100px;
overflow: hidden;
}
section.map > div {
position: absolute;
top: -200px;
left: 0;
right: 0;
bottom: -200px;
}
================================================
FILE: _sass/elements.scss
================================================
html {
background: $html-background-color;
}
html, body {
margin: 0;
padding: 0;
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a {
color: $brand-color;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
img {
max-width: 100%;
height: auto;
}
h1 {
font-weight: 300;
font-size: 2.3rem;
margin: 0;
}
h2 {
font-weight: 300;
font-size: 2.2rem;
margin: 0 0 30px 0;
}
h3 {
font-size: 1.8rem;
margin: 0 0 20px 0;
}
h4 {
font-size: 1.5rem;
margin: 0 0 10px 0;
}
p, address, ul, ol, pre {
margin: 0 0 20px 0;
}
p, address, ul, ol {
font-size: 1.38rem;
color: #666;
font-weight: 300;
line-height: 1.6;
}
pre {
padding: 10px;
background: #eee;
border-radius: 2px;
}
================================================
FILE: _sass/footer.scss
================================================
footer {
@extend section;
padding: 100px 0 50px 0;
position: relative;
background: $html-background-color;
color: #fff;
&,
a {
color: #999;
}
h2 {
font-size: 1.4em;
margin: 30px 0;
color: #ccc;
}
.footer-columns {
display: flex;
flex-flow: wrap;
margin: -10px -10px 10px -10px;
}
a {
text-decoration: none;
&:hover {
color: #fff;
}
}
.legal-line {
width: 100%;
padding: 30px 0 0 0;
margin: 0;
a {
font-style: italic;
}
}
}
.footer-links {
width: 100%;
margin: 10px;
padding: 0;
flex: 1 0 180px;
li {
list-style: none;
margin: 15px 0;
a {
svg {
fill: #999;
margin-right: 10px;
transition: fill 0.2s ease;
vertical-align: middle;
position: relative;
top: -2px;
width: 22px;
height: 22px;
}
&:hover {
text-decoration: none;
svg {
fill: #fff;
}
}
}
}
}
================================================
FILE: _sass/forms.scss
================================================
input[type=submit] {
color: #fff;
text-decoration: none;
padding: 20px 30px;
border-radius: 3px;
transition: 0.2s ease-in-out;
border: 1px solid $brand-color;
background: $brand-color;
cursor: pointer;
}
input[type=submit]:hover {
border: 1px solid $brand-color;
background: $secondary-brand-color;
}
input[type=submit]:active {
transform: translateY(1px);
}
textarea,
input,
button,
select {
font-family: inherit;
font-size: inherit;
}
input[type=submit] {
margin: 20px 0 0 0;
}
label,
input,
textarea {
display: block;
width: 100%;
box-sizing: border-box;
}
textarea {
resize: vertical;
height: 250px;
}
label {
margin: 30px 0 10px 0;
font-size: 1.2em;
}
input,
textarea {
padding: 20px;
font-size: 1.2em;
border-radius: 3px;
}
input,
textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
outline: none;
border: 1px solid #DDDDDD;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=password]:focus,
textarea:focus {
box-shadow: 0 0 5px rgba(81, 203, 238, 1);
border: 1px solid rgba(81, 203, 238, 1);
}
================================================
FILE: _sass/layout.scss
================================================
.container,
.text-container {
margin: 0 auto;
position: relative;
padding: 0 20px;
}
.text-container {
max-width: 1000px;
}
.container {
max-width: 1000px;
}
header {
color: #fff;
padding: 20px 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
a {
color: #fff;
text-decoration: none;
z-index: 1;
position: relative;
&:hover {
text-decoration: none;
}
}
.company-name {
font-size: 1.7em;
}
}
.content {
background: #fff;
padding: 1px 0 0 0;
position: relative;
}
.screenshot{
height: auto;
display: block;
margin: 0 auto;
box-shadow: 0 1px 0 #ccc,0 1px 1px #eee;
border-radius: 2px;
padding: 20px 0 0;
background: url($screenshot-buttons) 4px 4px no-repeat #DDD;
box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
}
section {
padding: 150px 0;
background: #fff;
margin-top: -2px;
&.diagonal {
-webkit-transform: skewY(-$section-rotation);
-moz-transform: skewY(-$section-rotation);
-ms-transform: skewY(-$section-rotation);
transform: skewY(-$section-rotation);
> div {
-webkit-transform: skewY($section-rotation);
-moz-transform: skewY($section-rotation);
-ms-transform: skewY($section-rotation);
transform: skewY($section-rotation);
}
}
&.hero {
color: #ffffff;
background: $brand-color;
text-align: left;
margin-top: -100px;
padding-top: 250px;
h2, p {
max-width: 90%;
}
h2 {
font-size: 3.5rem;
}
p {
font-size: 1.8rem;
color: #fff;
}
a:not(.button) {
color: #ffffff;
font-style: italic;
}
}
&.alternate {
background: #eee;
}
}
.button {
padding: 13px 38px;
border-radius: 3px;
display: inline-block;
color: $brand-color;
text-decoration: none;
cursor: pointer;
margin: 20px 0 0 0;
border: 1px solid #fff;
background: #fff;
text-decoration: none !important;
&:hover {
background: rgba(255, 255, 255, 0.3);
color: #fff;
}
&:active {
opacity: 1;
background: rgba(255, 255, 255, 0.1);
color: #fff;
transform: translateY(1px);
}
}
.halves {
display: flex;
flex-flow: wrap;
align-items: center;
> div {
flex: 1 0 100%;
}
@media #{$mid-point} {
> div {
flex: 1;
}
> div + div {
padding-left: 20px;
margin: 0;
}
}
}
.aligned-top {
align-items: flex-start;
}
.image-grid {
padding: 0;
list-style: none;
display: flex;
flex-flow: wrap;
text-align: center;
margin: 0 -20px;
li {
padding: 0;
box-sizing: border-box;
width: 100%;
position: relative;
overflow: hidden;
margin: 20px;
border-radius: 5px;
text-align: left;
border: 1px solid $brand-color;
line-height: 0;
@media #{$tablet} {
flex: 1 1 50%;
}
@media #{$desktop} {
flex: 1 1 30%;
}
img {
min-width: 100%;
}
> a:hover {
opacity: 0.9;
}
}
.square-image {
height: 320px;
img {
min-height: 100%;
width: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translateX(-50%) translateY(-50%);
}
}
.details {
line-height: 1.2;
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
padding: 20px;
}
.name {
font-size: 1.3rem;
color: $brand-color;
}
.position {
margin-top: 5px;
color: #fff;
}
.filler {
border: 0;
}
}
.image-list,
.image-list li {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
.patterned {
background: #222 url($pattern);
&,
p {
color: #fefefe;
}
}
================================================
FILE: _sass/navigation.scss
================================================
.nav-open {
header {
background: #444;
z-index: 10;
@media #{$mid-point} {
background: none;
}
}
nav {
margin: 20px 0 0 0;
border: 0;
a {
display: block;
}
@media #{$mid-point} {
border: 0;
padding: 0 20px;
a {
display: inline;
}
}
}
}
nav {
text-transform: uppercase;
font-size: 0.8em;
width: 100%;
ul {
margin: 0;
padding: 0;
}
li {
display: block;
}
@media #{$mid-point} {
text-align: right;
position: absolute;
top: 0;
right: 0;
padding: 0 20px;
li {
display: inline-block;
}
}
a {
margin: 0 3px;
padding: 20px 10px;
color: rgba(255, 255, 255, 0.8);
transition: 0.2s ease-in-out;
display: none;
font-size: 1rem;
@media #{$mid-point} {
border-bottom: 2px solid rgba(255, 255, 255, 0);
display: block;
padding: 10px;
}
&.nav-toggle {
display: inline;
position: absolute;
right: 10px;
top: -22px;
font-size: 1.9em;
border: 0;
@media #{$mid-point} {
display: none;
}
&:hover {
border: 0;
}
}
}
a:hover {
color: #fff;
@media #{$mid-point} {
border-bottom: 2px solid rgba(255, 255, 255, 0.6);
display: block;
padding: 10px;
}
}
@media #{$mid-point} {
a.highlight {
border: 1px #ccc solid;
border-radius: 5px;
&:hover {
background: #fff;
color: $brand-color;
}
}
}
a.active {
color: #fff;
}
}
================================================
FILE: _staff_members/_defaults.md
================================================
---
name:
position:
image_path:
twitter:
---
================================================
FILE: _staff_members/anna.md
================================================
---
name: Anna Thompson
position: Developer
image_path: "https://unsplash.it/600/503?image=1025&a=.png"
twitter: CloudCannonApp
---
================================================
FILE: _staff_members/james.md
================================================
---
name: James Lopez
position: Designer
image_path: "https://unsplash.it/600/503?image=1062&a=.png"
twitter: CloudCannonApp
---
================================================
FILE: about.html
================================================
---
title: About
heading: Our team
subtitle: Meet our efficient and qualified team.
---
<section class="diagonal patterned">
<div class="container">
<p class="editor-link" style="text-align: center;"><a href="cloudcannon:collections/_staff_members/" class="btn"><strong>✎</strong>Manage Staff members</a></p>
<ul class="image-grid">
{% for member in site.staff_members %}
<li>{% include staff-member.html member=member %}</li>
{% endfor %}
</ul>
</div>
</section>
================================================
FILE: blog/index.html
================================================
---
layout: page
title: Blog
heading: Blog
subtitle: Keep up with the latest news.
---
<section class="diagonal">
<div class="text-container">
<p class="editor-link"><a href="cloudcannon:collections/_posts" class="btn"><strong>✎</strong> Add Post</a></p>
<ul class="blog-posts">
{% include list-posts.html posts=paginator.posts %}
</ul>
</div>
</section>
{% if paginator.total_pages > 1 %}
<section class="diagonal alternate">
<!-- Pagination links -->
<div class="pagination">
{% if paginator.previous_page %}
<a href="{{ site.baseurl }}{{ paginator.previous_page_path }}" class="previous btn">← Newer posts</a>
{% endif %}
<span class="page_number ">{{ paginator.page }} of {{ paginator.total_pages }}</span>
{% if paginator.next_page %}
<a href="{{ site.baseurl }}{{ paginator.next_page_path }}" class="next btn">Older posts →</a>
{% endif %}
</div>
</section>
{% endif %}
================================================
FILE: contact-success.html
================================================
---
title: Contact
heading: Thanks for getting in touch
subtitle: We'll get back to you as soon as possible
---
================================================
FILE: contact.html
================================================
---
title: Contact
heading: Get in touch today
subtitle: We'd love to help your business.
map:
latitude: -45.8787605
longitude: 170.5027976
address: "1 George Street, Dunedin, New Zealand"
zoom: 13
---
<section class="diagonal">
<div class="container">
<form action="{{ site.baseurl }}/contact-success/" method="post" class="contact-form">
<input type="hidden" name="_to" value="support@example.com" />
<input type="text" name="_gotcha" style="display: none;" />
<div class="halves">
<div>
<label for="name">First Name</label>
<input type="text" name="first-name" id="first-name" placeholder="John" />
</div>
<div>
<label for="name">Last Name</label>
<input type="text" name="last-name" id="last-name" placeholder="Doe" />
</div>
</div>
<label for="email">Email Address</label>
<input type="email" name="email" id="email" placeholder="john@example.com" required />
<label for="message">Message</label>
<textarea name="message" id="message" placeholder="Hi There..."></textarea>
<input type="submit" value="Send Message" />
</form>
</div>
</section>
<section class="diagonal map">
<div id="gmap_canvas"></div>
</section>
<section class="diagonal">
<div class="container halves aligned-top">
<div>
<h3>Address</h3>
<address><a target="_blank" href="https://www.google.com/maps/place/{{ page.map.address | url_encode }}">{{ page.map.address | replace: ", ", ", <br>" }}</a></address>
</div>
<div>
<h3>Email</h3>
<p><a href="mailto:{{ site.data.company.contact_email_address }}">{{ site.data.company.contact_email_address }}</a></p>
</div>
</div>
</section>
<script type="text/javascript">
window.mapData = {{ page.map | jsonify }};
function initMap() {
var myOptions = {
scrollwheel: false,
draggable: false,
panControl: false,
disableDefaultUI: true,
styles: [{"featureType":"landscape.man_made","elementType":"geometry","stylers":[{"color":"#f7f1df"}]},{"featureType":"landscape.natural","elementType":"geometry","stylers":[{"color":"#d0e3b4"}]},{"featureType":"landscape.natural.terrain","elementType":"geometry","stylers":[{"visibility":"off"}]},{"featureType":"poi","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"poi.business","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"poi.medical","elementType":"geometry","stylers":[{"color":"#fbd3da"}]},{"featureType":"poi.park","elementType":"geometry","stylers":[{"color":"#bde6ab"}]},{"featureType":"road","elementType":"geometry.stroke","stylers":[{"visibility":"off"}]},{"featureType":"road","elementType":"labels","stylers":[{"visibility":"off"}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#ffe15f"}]},{"featureType":"road.highway","elementType":"geometry.stroke","stylers":[{"color":"#efd151"}]},{"featureType":"road.arterial","elementType":"geometry.fill","stylers":[{"color":"#ffffff"}]},{"featureType":"road.local","elementType":"geometry.fill","stylers":[{"color":"black"}]},{"featureType":"transit.station.airport","elementType":"geometry.fill","stylers":[{"color":"#cfb2db"}]},{"featureType":"water","elementType":"geometry","stylers":[{"color":"#a2daf2"}]}],
zoom: window.mapData.zoom,
maxZoom: window.mapData.zoom,
minZoom: window.mapData.zoom,
center: new google.maps.LatLng(window.mapData.latitude, window.mapData.longitude),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("gmap_canvas"), myOptions);
marker = new google.maps.Marker({
map: map,
position: new google.maps.LatLng(window.mapData.latitude, window.mapData.longitude)
});
google.maps.event.addDomListener(window, "resize", function () {
map.setCenter(myOptions.center);
});
}
</script>
<script async defer src="https://maps.googleapis.com/maps/api/js?key={{ site.google_maps_javascript_api_key }}&callback=initMap"></script>
================================================
FILE: css/screen.scss
================================================
---
---
$pattern: "{{ site.baseurl }}/images/pattern.png";
$screenshot-buttons: "{{ site.baseurl }}/images/screenshot-buttons.svg";
$brand-color: #FFA715;
$html-background-color: #222;
$secondary-brand-color: #FFC461;
$middle-gradient-color: mix($brand-color, $secondary-brand-color, 95%);
// Breakpoints
$tablet: "(min-width: 450px)";
$mid-point: "(min-width: 620px)";
$desktop: "(min-width: 768px)";
$section-rotation: 5deg;
@import "elements";
@import "layout";
@import "contact";
@import "blog";
@import "forms";
@import "navigation";
@import "footer";
@import "cloudcannon";
================================================
FILE: index.html
================================================
---
title: Urban
---
<section class="hero diagonal">
<div class="container">
<h2 class="editable">We build websites</h2>
<p class="subtext editable">This is the <strong>Urban</strong> template from <a href="https://cloudcannon.com/">CloudCannon</a>. Urban is a strong foundation for the web presence of your agency.</p>
<p><a class="button alt" href="{{ site.baseurl }}/contact/">Contact Us</a></p>
</div>
</section>
<section class="diagonal patterned">
<div class="container halves">
<div>
<h3 class="editable">Some of our work</h3>
<p class="editable">We take pride in our previous work and our happy customers. We cater to any sector to boost business and increase exposure.</p>
<p class="editable"><a href="{{ site.baseurl }}/portfolio/">View Full Portfolio →</a></p>
</div>
<div>
<ul class="image-grid">
{% for client in site.clients limit: 4 %}
<li><a href="{{ site.baseurl }}{{ client.url }}"><img src="{% include relative-src.html src=client.image_path %}"></a></li>
{% endfor %}
</ul>
</div>
</div>
</section>
<section class="diagonal alternate">
<div class="container halves">
<div>
<ul class="image-list">
<li><img src="{{ site.baseurl }}/images/cloudcannon-logo-blue.svg" width="250" style="margin-bottom: 40px;"></li>
<li><img src="{{ site.baseurl }}/images/jekyll-logo-black-red-transparent.png" width="300"></li>
</ul>
</div>
<div>
<h3 class="editable">Latest software, greatest perfomance</h3>
<p class="editable">As a new agency we get reap the benefits of the latest and greatest. We build our websites with the most up to date technology. This ensures your website is fast, efficient and reliable for many years.</p>
</div>
</div>
</section>
================================================
FILE: js/map.js
================================================
function init_map() {
var myOptions = {
scrollwheel: false,
draggable: false,
panControl: false,
disableDefaultUI: true,
styles: [{
"featureType": "all",
"elementType": "labels.text.fill",
"stylers": [{
"saturation": 36
}, {
"color": "#000000"
}, {
"lightness": 40
}]
}, {
"featureType": "all",
"elementType": "labels.text.stroke",
"stylers": [{
"visibility": "on"
}, {
"color": "#000000"
}, {
"lightness": 16
}]
}, {
"featureType": "all",
"elementType": "labels.icon",
"stylers": [{
"visibility": "off"
}]
}, {
"featureType": "administrative",
"elementType": "geometry.fill",
"stylers": [{
"color": "#000000"
}, {
"lightness": 20
}]
}, {
"featureType": "administrative",
"elementType": "geometry.stroke",
"stylers": [{
"color": "#000000"
}, {
"lightness": 17
}, {
"weight": 1.2
}]
}, {
"featureType": "landscape",
"elementType": "geometry",
"stylers": [{
"color": "#000000"
}, {
"lightness": 20
}]
}, {
"featureType": "poi",
"elementType": "geometry",
"stylers": [{
"color": "#000000"
}, {
"lightness": 21
}]
}, {
"featureType": "road.highway",
"elementType": "geometry.fill",
"stylers": [{
"color": "#000000"
}, {
"lightness": 17
}]
}, {
"featureType": "road.highway",
"elementType": "geometry.stroke",
"stylers": [{
"color": "#000000"
}, {
"lightness": 29
}, {
"weight": 0.2
}]
}, {
"featureType": "road.arterial",
"elementType": "geometry",
"stylers": [{
"color": "#000000"
}, {
"lightness": 18
}]
}, {
"featureType": "road.local",
"elementType": "geometry",
"stylers": [{
"color": "#000000"
}, {
"lightness": 16
}]
}, {
"featureType": "transit",
"elementType": "geometry",
"stylers": [{
"color": "#000000"
}, {
"lightness": 19
}]
}, {
"featureType": "water",
"elementType": "geometry",
"stylers": [{
"color": "#000000"
}, {
"lightness": 17
}]
}],
zoom: window.mapData.zoom,
maxZoom: window.mapData.zoom,
minZoom: window.mapData.zoom,
center: new google.maps.LatLng(window.mapData.latitude, window.mapData.longitude),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('gmap_canvas'), myOptions);
marker = new google.maps.Marker({
map: map,
position: new google.maps.LatLng(window.mapData.latitude, window.mapData.longitude)
});
infowindow = new google.maps.InfoWindow({
content: window.mapData.content_html
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map, marker);
});
infowindow.open(map, marker);
google.maps.event.addDomListener(window, 'resize', function() {
map.setCenter(myOptions.center);
});
}
google.maps.event.addDomListener(window, 'load', init_map);
================================================
FILE: portfolio.html
================================================
---
title: Portfolio
heading: Our Work
subtitle: See some of our proud customers with exemplary results.
---
<section class="diagonal patterned">
<div class="container">
<p class="editor-link" style="text-align: center;"><a href="cloudcannon:collections/_clients/" class="btn"><strong>✎</strong> Manage Clients</a></p>
<ul class="image-grid">
{% for client in site.clients %}
<li>
<a href="{{ site.baseurl }}{{ client.url }}">
<img src="{% include relative-src.html src=client.image_path %}" alt="{{ person.name }}">
<div class="details">
<div class="name">{{ client.name }}</div>
<div class="position">{{ client.subtitle }}</div>
</div>
</a>
</li>
{% endfor %}
<li class="filler"></li>
<li class="filler"></li>
</ul>
</div>
</section>
gitextract_xnoaes3w/ ├── .gitignore ├── Gemfile ├── LICENSE ├── README.md ├── _clients/ │ ├── _defaults.md │ ├── cause.md │ ├── edition.md │ ├── frisco.md │ ├── hydra.md │ ├── justice.md │ └── malt.md ├── _config.yml ├── _data/ │ ├── company.yml │ ├── footer.yml │ └── navigation.yml ├── _includes/ │ ├── list-posts.html │ ├── navigation.html │ ├── post-summary.html │ ├── post-title.html │ ├── relative-src.html │ ├── social-icon.html │ └── staff-member.html ├── _layouts/ │ ├── archive.html │ ├── client.html │ ├── default.html │ ├── page.html │ └── post.html ├── _posts/ │ ├── 2016-07-28-effective-upselling-techniques.md │ ├── 2016-08-06-definition-of-sales.md │ ├── 2016-08-12-the-history-of-marketing.md │ └── _defaults.md ├── _sass/ │ ├── blog.scss │ ├── cloudcannon.scss │ ├── contact.scss │ ├── elements.scss │ ├── footer.scss │ ├── forms.scss │ ├── layout.scss │ └── navigation.scss ├── _staff_members/ │ ├── _defaults.md │ ├── anna.md │ └── james.md ├── about.html ├── blog/ │ └── index.html ├── contact-success.html ├── contact.html ├── css/ │ └── screen.scss ├── index.html ├── js/ │ └── map.js └── portfolio.html
SYMBOL INDEX (1 symbols across 1 files)
FILE: js/map.js
function init_map (line 1) | function init_map() {
Condensed preview — 50 files, each showing path, character count, and a content snippet. Download the .json file or copy for the full structured content (73K chars).
[
{
"path": ".gitignore",
"chars": 52,
"preview": "_site/\n.sass-cache/\n.jekyll-cache/\n.jekyll-metadata\n"
},
{
"path": "Gemfile",
"chars": 261,
"preview": "source 'https://rubygems.org'\n\ngem 'jekyll', '~> 4.2.0'\n\ngroup :jekyll_plugins do\n gem 'jekyll-archives', '~> 2.2.1'\n "
},
{
"path": "LICENSE",
"chars": 1068,
"preview": "MIT License\n\nCopyright (c) 2016 CloudCannon\n\nPermission is hereby granted, free of charge, to any person obtaining a cop"
},
{
"path": "README.md",
"chars": 2728,
"preview": "# Urban [ LEGACY TEMPLATE NO LONGER MAINTAINED ]\n\nWeb Agency themed business template for Jekyll. Browse through a [live"
},
{
"path": "_clients/_defaults.md",
"chars": 50,
"preview": "---\nname:\nsubtitle:\nexternal_url:\nimage_path:\n---\n"
},
{
"path": "_clients/cause.md",
"chars": 2715,
"preview": "---\nname: Cause Template\nsubtitle: Not for profit template for Jekyll\nexternal_url: https://github.com/CloudCannon/cause"
},
{
"path": "_clients/edition.md",
"chars": 2191,
"preview": "---\nname: Edition Template\nsubtitle: Product documentation template for Jekyll\nexternal_url: https://github.com/CloudCan"
},
{
"path": "_clients/frisco.md",
"chars": 2397,
"preview": "---\nname: Frisco Template\nsubtitle: App marketing template for Jekyll\nexternal_url: https://github.com/CloudCannon/frisc"
},
{
"path": "_clients/hydra.md",
"chars": 2564,
"preview": "---\nname: Hydra Template\nsubtitle: Product marketing template for Jekyll\nexternal_url: https://github.com/CloudCannon/hy"
},
{
"path": "_clients/justice.md",
"chars": 2672,
"preview": "---\nname: Justice Template\nsubtitle: Law firm themed business template for Jekyll\nexternal_url: https://github.com/Cloud"
},
{
"path": "_clients/malt.md",
"chars": 2441,
"preview": "---\nname: Malt Template\nsubtitle: Event marketing template for Jekyll\nexternal_url: https://github.com/CloudCannon/malt-"
},
{
"path": "_config.yml",
"chars": 1725,
"preview": "title: Urban Template\nurl: \"https://teal-worm.cloudvent.net\"\nbaseurl:\ngoogle_analytics_key:\ngoogle_maps_javascript_api_k"
},
{
"path": "_data/company.yml",
"chars": 279,
"preview": "title: Urban Ltd\ndescription: Bringing the best experiences to the web for you and your clients.\ncontact_email_address: "
},
{
"path": "_data/footer.yml",
"chars": 713,
"preview": "- title: Pages\n links:\n - name: Home\n link: /\n - name: Portfolio\n link: /portfolio/\n - name: Blog\n "
},
{
"path": "_data/navigation.yml",
"chars": 137,
"preview": "links:\n- name: Portfolio\n link: /portfolio/\n- name: Blog\n link: /blog/\n- name: About\n link: /about/\n- name: Contact\n "
},
{
"path": "_includes/list-posts.html",
"chars": 115,
"preview": "{% for post in include.posts %}\n\t<li class=\"blog-post\">{% include post-summary.html post=post %}</li>\n{% endfor %}\n"
},
{
"path": "_includes/navigation.html",
"chars": 517,
"preview": "<nav>\n\t<a class=\"nav-toggle\" id=\"open-nav\" href=\"#\">☰</a>\n\t<ul>\n\t\t{% for link in site.data.navigation.links %}\n\t\t\t"
},
{
"path": "_includes/post-summary.html",
"chars": 270,
"preview": "<h3><a href=\"{{ site.baseurl }}{{ include.post.url }}\">{{ include.post.title }}</a></h3>\n{% include post-title.html post"
},
{
"path": "_includes/post-title.html",
"chars": 305,
"preview": "<p class=\"post-details\">\n\t{% for category in include.post.categories %}\n\t\t<span class=\"blog-filter\">\n\t\t\t<a href=\"{{ site"
},
{
"path": "_includes/relative-src.html",
"chars": 195,
"preview": "{% assign prefix = include.src | slice: 0, 2 %}{% assign protocol = include.src | slice: 0, 4 %}{% unless protocol == 'h"
},
{
"path": "_includes/social-icon.html",
"chars": 4186,
"preview": "{% case include.icon %}\n\t{% when \"Facebook\" %}\n\t\t<svg fill=\"#000000\" height=\"24\" viewBox=\"0 0 24 24\" width=\"24\" xmlns=\"h"
},
{
"path": "_includes/staff-member.html",
"chars": 364,
"preview": "<a target=\"_blank\" href=\"https://twitter.com/{{ include.member.twitter }}\">\n\t<div class=\"square-image\"><img src=\"{% incl"
},
{
"path": "_layouts/archive.html",
"chars": 560,
"preview": "---\nlayout: default\n---\n{% assign blog = site.pages | where: \"path\", \"blog/index.html\" | first %}\n\n<section class=\"hero "
},
{
"path": "_layouts/client.html",
"chars": 692,
"preview": "---\nlayout: default\n---\n{% assign portfolio = site.pages | where: \"path\", \"portfolio.html\" | first %}\n\n<section class=\"h"
},
{
"path": "_layouts/default.html",
"chars": 2698,
"preview": "<!doctype html>\n\n<html lang=\"en\">\n\t<head>\n\t\t<meta charset=\"utf-8\">\n\t\t<meta name=\"viewport\" content=\"width=device-width, "
},
{
"path": "_layouts/page.html",
"chars": 382,
"preview": "---\nlayout: default\n---\n<section class=\"hero diagonal\">\n\t<div class=\"container\" {% if page.full_width %}style=\"max-width"
},
{
"path": "_layouts/post.html",
"chars": 2095,
"preview": "---\nlayout: page\n---\n<section class=\"diagonal\">\n\t<div class=\"blog-post text-container\">\n\t\t{% include post-title.html pos"
},
{
"path": "_posts/2016-07-28-effective-upselling-techniques.md",
"chars": 2491,
"preview": "---\ntitle: Effective upselling techniques\ncategories:\n - sales\n - tips\nauthor_staff_member: james\nshow_comments: true\n"
},
{
"path": "_posts/2016-08-06-definition-of-sales.md",
"chars": 4375,
"preview": "---\ntitle: Definition of sales\ncategories:\n - sales\nauthor_staff_member: anna\nshow_comments: true\n---\n\nA person or orga"
},
{
"path": "_posts/2016-08-12-the-history-of-marketing.md",
"chars": 2976,
"preview": "---\ntitle: The history of marketing\ncategories:\n - marketing\nauthor_staff_member: james\nshow_comments: true\n---\n\nThe be"
},
{
"path": "_posts/_defaults.md",
"chars": 74,
"preview": "---\ntitle:\ncategories:\nauthor_staff_member:\nshow_comments: true\ndate:\n---\n"
},
{
"path": "_sass/blog.scss",
"chars": 937,
"preview": ".blog-posts {\n\tlist-style: none;\n\tpadding: 0;\n\n\tli {\n\t\tmargin: 100px 0;\n\t}\n}\n\n.blog-post {\n\th3 {\n\t\tmargin: 0;\n\t\ta {\n\t\t\tc"
},
{
"path": "_sass/cloudcannon.scss",
"chars": 429,
"preview": "// CloudCannon Editor Links (https://docs.cloudcannon.com/editing/editor-links/)\n\n.editor-link {\n\tdisplay: none;\n\tmargin"
},
{
"path": "_sass/contact.scss",
"chars": 168,
"preview": "section.map {\n\tposition: relative;\n\theight: 100px;\n\toverflow: hidden;\n}\n\nsection.map > div {\n\tposition: absolute;\n\ttop: "
},
{
"path": "_sass/elements.scss",
"chars": 733,
"preview": "html {\n\tbackground: $html-background-color;\n}\n\nhtml, body {\n\tmargin: 0;\n\tpadding: 0;\n}\n\nbody {\n\tfont-family: \"Helvetica "
},
{
"path": "_sass/footer.scss",
"chars": 888,
"preview": "footer {\n\t@extend section;\n\tpadding: 100px 0 50px 0;\n\tposition: relative;\n\tbackground: $html-background-color;\n\tcolor: #"
},
{
"path": "_sass/forms.scss",
"chars": 1135,
"preview": "input[type=submit] {\n\tcolor: #fff;\n\ttext-decoration: none;\n\tpadding: 20px 30px;\n\tborder-radius: 3px;\n\ttransition: 0.2s e"
},
{
"path": "_sass/layout.scss",
"chars": 3391,
"preview": ".container,\n.text-container {\n\tmargin: 0 auto;\n\tposition: relative;\n\tpadding: 0 20px;\n}\n\n.text-container {\n\tmax-width: 1"
},
{
"path": "_sass/navigation.scss",
"chars": 1404,
"preview": ".nav-open {\n\theader {\n\t\tbackground: #444;\n\t\tz-index: 10;\n\n\t\t@media #{$mid-point} {\n\t\t\tbackground: none;\n\t\t}\n\t}\n\n\tnav {\n\t"
},
{
"path": "_staff_members/_defaults.md",
"chars": 45,
"preview": "---\nname:\nposition:\nimage_path:\ntwitter:\n---\n"
},
{
"path": "_staff_members/anna.md",
"chars": 132,
"preview": "---\nname: Anna Thompson\nposition: Developer\nimage_path: \"https://unsplash.it/600/503?image=1025&a=.png\"\ntwitter: CloudCa"
},
{
"path": "_staff_members/james.md",
"chars": 129,
"preview": "---\nname: James Lopez\nposition: Designer\nimage_path: \"https://unsplash.it/600/503?image=1062&a=.png\"\ntwitter: CloudCanno"
},
{
"path": "about.html",
"chars": 492,
"preview": "---\ntitle: About\nheading: Our team\nsubtitle: Meet our efficient and qualified team.\n---\n\n<section class=\"diagonal patter"
},
{
"path": "blog/index.html",
"chars": 941,
"preview": "---\nlayout: page\ntitle: Blog\nheading: Blog\nsubtitle: Keep up with the latest news.\n---\n\n<section class=\"diagonal\">\n\t<div"
},
{
"path": "contact-success.html",
"chars": 112,
"preview": "---\ntitle: Contact\nheading: Thanks for getting in touch\nsubtitle: We'll get back to you as soon as possible\n---\n"
},
{
"path": "contact.html",
"chars": 3954,
"preview": "---\ntitle: Contact\nheading: Get in touch today\nsubtitle: We'd love to help your business.\nmap:\n latitude: -45.8787605\n "
},
{
"path": "css/screen.scss",
"chars": 585,
"preview": "---\n---\n\n$pattern: \"{{ site.baseurl }}/images/pattern.png\";\n$screenshot-buttons: \"{{ site.baseurl }}/images/screenshot-b"
},
{
"path": "index.html",
"chars": 1745,
"preview": "---\ntitle: Urban\n---\n\n<section class=\"hero diagonal\">\n\t<div class=\"container\">\n\t\t<h2 class=\"editable\">We build websites<"
},
{
"path": "js/map.js",
"chars": 2935,
"preview": "function init_map() {\n\tvar myOptions = {\n\t\tscrollwheel: false,\n\t\tdraggable: false,\n\t\tpanControl: false,\n\t\tdisableDefault"
},
{
"path": "portfolio.html",
"chars": 816,
"preview": "---\ntitle: Portfolio\nheading: Our Work\nsubtitle: See some of our proud customers with exemplary results.\n---\n\n<section c"
}
]
About this extraction
This page contains the full source code of the CloudCannon/urban-jekyll-template GitHub repository, extracted and formatted as plain text for AI agents and large language models (LLMs). The extraction includes 50 files (63.7 KB), approximately 20.4k tokens, and a symbol index with 1 extracted functions, classes, methods, constants, and types. Use this with OpenClaw, Claude, ChatGPT, Cursor, Windsurf, or any other AI tool that accepts text input. You can copy the full output to your clipboard or download it as a .txt file.
Extracted by GitExtract — free GitHub repo to text converter for AI. Built by Nikandr Surkov.