├── src
├── img
│ └── .gitkeep
├── templates
│ ├── partials
│ │ └── partial.twig
│ ├── components
│ │ ├── component.twig
│ │ └── navbar.twig
│ ├── page.twig
│ ├── layouts
│ │ └── default.twig
│ ├── demo.twig
│ └── index.twig
├── robots.txt
├── js
│ ├── main.js
│ ├── vendor
│ │ ├── windowwidth.js
│ │ ├── plugins.js
│ │ ├── smartresize.js
│ │ └── smoothscrolling.js
│ └── components
│ │ └── navbar.js
└── sass
│ ├── main.scss
│ ├── _variables.scss
│ ├── base
│ ├── _minireset.scss
│ ├── _print.scss
│ └── _mixins.scss
│ ├── _typography.scss
│ ├── components
│ ├── _buttons.scss
│ └── _navbar.scss
│ └── vendor
│ ├── _bootstrap.scss
│ └── _normalize.scss
├── .gitignore
├── LICENSE.md
├── package.json
├── README.md
└── gulpfile.js
/src/img/.gitkeep:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/templates/partials/partial.twig:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/templates/components/component.twig:
--------------------------------------------------------------------------------
1 | {% if foo is defined %}
2 | foo: {{ foo }}
3 | {% endif %}
4 |
--------------------------------------------------------------------------------
/src/robots.txt:
--------------------------------------------------------------------------------
1 | # www.robotstxt.org/
2 |
3 | # Allow crawling of all content
4 | User-agent: *
5 | Disallow:
6 |
--------------------------------------------------------------------------------
/src/js/main.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Main
3 | * Custom Scripts
4 | */
5 |
6 | $(function() {
7 | // Document Ready
8 | })
9 |
10 | $(window).smartresize(function() {
11 | // Debouncing function from John Hann
12 | // http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
13 | });
14 |
--------------------------------------------------------------------------------
/src/templates/page.twig:
--------------------------------------------------------------------------------
1 | {% extends 'layouts/default.twig' %}
2 | {% set head_title = 'Sample Page' %}
3 | {% set body_class = '' %}
4 | {% set menu_active = 'sample-page' %}
5 |
6 | {% block page %}
7 |
8 | {% include 'components/navbar.twig' %}
9 |
10 |
11 |
12 | Hello World
13 |
14 |
15 |
16 | {% endblock %}
17 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # Dependency directories
2 | node_modules
3 | bower_components
4 | dist
5 |
6 | # Optional npm cache directory
7 | .npm
8 |
9 | # SASS Cache
10 | .sass-cache
11 | .sass-cache/*
12 |
13 | # Logs
14 | logs
15 | *.log
16 | npm-debug.log*
17 |
18 | # OSX
19 | *.DS_Store
20 | .AppleDouble
21 | .LSOverride
22 |
23 | # Windows
24 | Thumbs.db
25 | ehthumbs.db
26 |
27 | # Misc
28 | .publish
29 |
--------------------------------------------------------------------------------
/src/sass/main.scss:
--------------------------------------------------------------------------------
1 | /*!
2 | * Project: Project name
3 | * Author: Author name
4 | */
5 |
6 | // Vendor
7 | @import "vendor/bootstrap";
8 | @import 'vendor/normalize';
9 |
10 | // Base
11 | @import 'base/print';
12 | @import 'base/mixins';
13 | @import 'base/minireset';
14 |
15 | // Variables
16 | @import 'variables';
17 |
18 | // Typography
19 | @import 'typography';
20 |
21 | // Components
22 | @import 'components/**/*.scss';
23 |
24 | /**
25 | * Custom styles
26 | */
27 |
--------------------------------------------------------------------------------
/src/js/vendor/windowwidth.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Check Document Window Width
3 | */
4 |
5 | function checkWindowWidth() {
6 | if ($(window).width() < 576) {
7 | // XS
8 | } else if ($(window).width() < 768) {
9 | // SM and down
10 | } else if ($(window).width() < 992) {
11 | // MD and down
12 | } else if ($(window).width() < 1200) {
13 | // LG and down
14 | } else {
15 | // XL and up
16 | }
17 | }
18 |
19 | $(function() {
20 | // checkWindowWidth();
21 | })
22 |
23 | $(window).smartresize(function() {
24 | // checkWindowWidth();
25 | });
26 |
--------------------------------------------------------------------------------
/src/js/vendor/plugins.js:
--------------------------------------------------------------------------------
1 | // Avoid `console` errors in browsers that lack a console.
2 | (function() {
3 | var method;
4 | var noop = function () {};
5 | var methods = [
6 | 'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error',
7 | 'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log',
8 | 'markTimeline', 'profile', 'profileEnd', 'table', 'time', 'timeEnd',
9 | 'timeline', 'timelineEnd', 'timeStamp', 'trace', 'warn'
10 | ];
11 | var length = methods.length;
12 | var console = (window.console = window.console || {});
13 |
14 | while (length--) {
15 | method = methods[length];
16 |
17 | // Only stub undefined methods.
18 | if (!console[method]) {
19 | console[method] = noop;
20 | }
21 | }
22 | }());
23 |
24 | // Place any jQuery/helper plugins in here.
25 |
--------------------------------------------------------------------------------
/src/js/vendor/smartresize.js:
--------------------------------------------------------------------------------
1 | // debouncing function from John Hann
2 | // http://unscriptable.com/index.php/2009/03/20/debouncing-javascript-methods/
3 |
4 | (function($,sr){
5 |
6 | var debounce = function (func, threshold, execAsap) {
7 | var timeout;
8 |
9 | return function debounced () {
10 | var obj = this, args = arguments;
11 | function delayed () {
12 | if (!execAsap)
13 | func.apply(obj, args);
14 | timeout = null;
15 | };
16 |
17 | if (timeout)
18 | clearTimeout(timeout);
19 | else if (execAsap)
20 | func.apply(obj, args);
21 |
22 | timeout = setTimeout(delayed, threshold || 100);
23 | };
24 | }
25 | // smartresize
26 | jQuery.fn[sr] = function(fn){ return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr); };
27 |
28 | })(jQuery,'smartresize');
29 |
--------------------------------------------------------------------------------
/src/js/components/navbar.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Navbar
3 | */
4 |
5 | $(function() {
6 |
7 | // Navbar toggler
8 | var navbarToggler = $('.js-navbar-toggler'),
9 | navbarOpened = 'navbar--opened';
10 |
11 | navbarToggler.on('click', function(e) {
12 | e.preventDefault();
13 | $('body').toggleClass('navbar--opened');
14 | });
15 |
16 | /*
17 | Add class to navbar after certain amount of pixels are scrolled
18 | if navbar has class navbar-fixed-top then enable it
19 | e.g. when you want to provide some opacity to the background color
20 | */
21 | var navbar = $('.js-navbar'),
22 | navbarScrolled = 'navbar--scrolled';
23 |
24 | if (navbar.hasClass('navbar--fixed')) {
25 | $(window).scroll(function () {
26 | if ($(this).scrollTop() > 100) {
27 | navbar.addClass(navbarScrolled);
28 | } else {
29 | navbar.removeClass(navbarScrolled);
30 | }
31 | });
32 | }
33 |
34 | })
35 |
--------------------------------------------------------------------------------
/LICENSE.md:
--------------------------------------------------------------------------------
1 | Copyright (c) Frontie - Front-end HTML5 Boilerplate
2 |
3 | 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:
4 |
5 | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
6 |
7 | 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.
8 |
--------------------------------------------------------------------------------
/src/templates/layouts/default.twig:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | {{ head_title }} · Frontie
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 | {% block page %}{% endblock %}
16 |
17 |
18 |
19 |
20 |
21 |
22 |
26 |
27 |
28 |