compass-vikingR-template 1.2.4

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: f1b75f346813363796185a128b1c98b75b0517fe
+  data.tar.gz: 60e4182b59e6aaaab5c9ef600c7d3eeb2a55e630
+SHA512:
+  metadata.gz: a38e15fd239ebe9de3ed484d683e15ef1a13b28b0b5fe4bff083e585a5658743eb14713ec600a72457929d8f00567e15b3b264dafda2fc553272537953b11ec1
+  data.tar.gz: d646a9bc2ea033912e15f4e47bc15997525dd564f574bc22a2ef543a414c3351c8dacf0f6d85dd7483bf82aca37a7f0d2cc5fe3661fd24a4221f2f770ae34433

data/README.md

@@ -0,0 +1,97 @@
+Compass VikingR Template
+========================
+
+Version
+----
+1.1.3
+
+License
+----
+MIT
+
+Installation
+--------------
+```sh
+gem install compass-vikingR-template
+```
+
+Plugins installation
+-------------------
+Without these plugins template will not work (<a href="https://github.com/Team-Sass/Sassy-math">Sassy Math</a>, <a href="https://github.com/jhardy/compass-ceaser-easing">Compass Ceaser CSS Easing</a>)
+```sh
+gem install sassy-math
+gem install ceaser-easing
+```
+
+Create project
+--------------
+```sh
+compass create my_project -r compass-vikingR-template --using compass-vikingR-template
+```
+
+####This will create a my_project directory containing the following files:
+```sh
+my_project
+|
+|config.rb ***********************************// Settings for Compass
+|index.html **********************************// HTML template
+|index.php ***********************************// Showcase of the project
+|readme.txt **********************************// Notes
+|screenshot.jpg ******************************// Screenshot of the project
+|compass_watch.bat ***************************// Console command "compass watch"
+|css *****************************************// Stylesheets directory
+    |dev.css *********************************// Css for developers
+|fonts ***************************************// Fonts directory
+|ie-old *****************************************// Cap for old IE
+    |images
+        |as.jpg
+        |bg_span_wol.gif
+        |f.jpg
+        |gc.jpg
+        |h.jpg
+        |ie.jpg
+        |mf.jpg
+        |op.jpg
+        |td1.jpg
+        |td2.jpg
+        |td3.jpg
+    |favicon.ico
+    |index.html
+|images **************************************// Images directory
+    |bg **************************************// Directory with background images
+    |icons ***********************************// Directory with icons for sprite
+    |required ********************************// Directory with required images
+        |loading.gif *************************// Image load when necessary image is loading
+        |noimg.jpg ***************************// Image load when necessary image not found
+    |temp ************************************// Directory with temporary images
+    |favicon.png *****************************// Favicon for the project
+|js ******************************************// Javascripts directory
+    |head.min.js (Latest Versions) ***********// JavaScript library what make the only script in HEAD (*1*)
+    |html5.js ********************************// JavaScript adds new HTML5 elements (*2*)
+    |init.js *********************************// Adding HeadJS to the project
+    |placeholder.min.js **********************// JavaScript for placeholders in IE9 and Opera
+    |rform.js ********************************// Full JavaScript library for forms, default "unconnected"
+    |rform.min.js ****************************// Compressed JavaScript library for forms
+    |scripts.js ******************************// All scripts for the project, default "commented out"
+    |example.js ******************************// Example scripts for the project, default "commented out"
+|sass ****************************************// Sass directory
+    |source **********************************// Source directory for styles
+        |_mixins.scss ************************// Mixins for styles
+        |_variables.scss *********************// Variables for styles
+        |_reset.scss *************************// Reset styles
+        |_global.scss ************************// Global styles
+        |_typography.scss ********************// Typography
+        |_formstyle.scss *********************// Styles for forms
+        |_buttons.scss ***********************// Styles for buttons
+        |_icons.scss *************************// Styles for icons
+        |_header.scss ************************// Styles for header
+        |_content.scss ***********************// Styles for content
+        |_footer.scss ************************// Styles for footer
+        |_all.scss ***************************// All styles for the project
+        |_default.scss ***********************// Default classes
+        |_layout.scss ************************// Styles for unique classes for pages
+        |_responsive.scss ********************// Styles for RWD
+        |_browsers.scss **********************// Unique styles for browsers
+    |index.scss ******************************// Main stylesheets file
+```
+*<a href="http://headjs.com/">1</a>*, *<a href="https://code.google.com/p/html5shiv/">2</a>*

data/lib/compass-vikingR-template.rb

@@ -0,0 +1,60 @@
+# All gems that are required for this extension to work should go here.
+# These are the requires you would normally put in your config.rb file
+# By default, you should always included Compass. Do not include your
+#  extension.
+require 'compass'
+
+Compass.add_project_configuration(File.join(File.dirname(__FILE__), 'config.rb'))
+
+# This tells Compass what your Compass extension is called, and where to find
+#  its files
+# Replace 'extension' with the name of your extension. Spaces allowed.
+
+extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
+
+Compass::Frameworks.register(
+    'compass-vikingR-template',
+    :path => extension_path
+)
+
+
+# Version and date of version for your Compass extension.
+# Replace Extension with the name of your extension
+#  Letters, numbers, and underscores only
+#  Version is a number. If a version contains alphas, it will be created as
+#    a prerelease version
+#  Date is in the form of YYYY-MM-DD
+module Extension
+  VERSION = "1.2.4"
+  DATE = "2014-11-05"
+end
+
+module Compass
+  module AppIntegration
+    module StandAlone
+      module ConfigurationDefaults
+        def default_project_type
+          :stand_alone
+        end
+
+        def javascripts_dir_without_default
+          "js"
+        end
+
+        def css_dir_without_default
+          "css"
+        end
+
+      end
+
+    end
+  end
+end
+
+# This is where any custom SassScript should be placed. The functions will be
+#  available on require of your extension without the need for users to import
+#  any partials. Uncomment below.
+
+# module Sass::Script::Functions
+
+# end

data/lib/config.rb

@@ -0,0 +1,8 @@
+require 'sassy-math'
+require 'ceaser-easing'
+
+http_path = '../'
+relative_assets = false
+line_comments = false
+
+output_style = :expanded

data/templates/project/css/dev.css

@@ -0,0 +1,3 @@
+/*
+css for developers
+*/

data/templates/project/files/compass_watch.bat

@@ -0,0 +1 @@
+cmd /K compass watch

data/templates/project/files/readme.txt

@@ -0,0 +1,31 @@
+-- Styles --
+Все стили хранятся в css/index.css.
+Стили писались на SCSS и собраны в один файл с помощью Compass.
+
+--->>> Если дальнейшая работа с SCSS вестись не будет, при желании можно удалить папки sass, css/source, .sass-cache и images/icons, и файл config.rb (настройки compass).
+Для добавления новых стилей настоятельно рекомендую использовать dev.css (css/dev.css). Перед началом работы с ним, его нужно активировать в шапке index.html.
+
+-- JS --
+Все библиотеки и скрипты перечислены в js/init.js. В шаблоне они подключены через head.min.js (http://headjs.com/).
+Полный путь к папке со скриптами задается в переменнной "sourcePath" в js/init.js, ст.1.
+Основная библиотека JavaScript -> jQuery.
+
+-- Исключения --
+1) Если у пользователя браузер IE7 и ниже, будет загружаться заглушка (ie7/index.html), с просьбой обновить браузер или загрузить любой другой.
+2) Если у пользователя браузер IE8, будет загружаться html5.js, который призван корректно отображать теги HTML5.
+3) Если у пользователя браузер IE (<=9) или opera, будет загружаться ph.min.js, который призван корректно отображать placeholder в полях ввода. Полная библиотека присутствует ph.js.
+4) Каждая html страница может иметь свой уникальный класс в теге <html>. По этому классу можно подгружать отдельные файлы стилей и скриптов, исключительно для этих страниц.
+
+-- Images --
+icons - Папка которую использует compass для создания спрайта.
+bg - Папка с фоновыми изображениями.
+required - Папка с обязательными изображениями.
+temp - Папка с временными изображениями (статическими изображениями постов и т.п.). После интеграции верстки ее можно удалить.
+
+-- Fonts --
+Все сторонние шрифты будут загружены в папку Fonts.
+
+-- Validation --
+.has-error - При наличии ошибки.
+.has-success - При успешной операции.
+.has-disabled - При отключении поля.

data/templates/project/ie-old/index.html

@@ -0,0 +1,175 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Old Internet Explorer</title>
+    <meta charset="UTF-8">
+    <meta name="description" content="Old Internet Explorer">
+    <meta name="keywords" content="Old Internet Explorer">
+    <link rel="icon" href="favicon.ico" type="image/x-icon">
+    <link rel="shortcut icon" href="favicon.ico">
+    <style>
+*{margin:0;padding:0}html{height:100%;margin-bottom:1px}body{color:#333;text-align:left;font:13px Tahoma, Helvetica, Geneva, sans-serif;background:#dbf3fd}a{color:#005987;font:13px Tahoma, Helvetica, Geneva, sans-serif;outline:0}a:hover{text-decoration:none}p{line-height:1.5em;margin:0 10px 1em 20px;text-indent:0}h1,h2,h3{color:#f3801f;font-weight:normal}h1,h2{font-size:24px;line-height:1.8em;margin:0 0 0.5em 20px}h2{margin-top:20px}h3{font-size:18px}.wrap{margin:auto;width:980px}.wrap img{border:none;vertical-align:inherit}.header,.main,.footer{clear:both}.header{background:url(images/h.jpg) no-repeat top;height:158px}.brows{width:100%;margin:20px 0}.brows td{height:133px;padding-bottom:30px;vertical-align:top}.brows td a{font-size:17px;display:block}tr.brows_name td{text-align:center;height:20px}.return{position:absolute;top:-110px;left:47px}.return a{color:#f3801f;font:26px Tahoma, Helvetica, Geneva, sans-serif}text-decoration:none .return a:hover{text-decoration:underline}.why{width:100%;margin-top:25px}.why p{padding:0;margin:0}.main{background:url(images/bg_span_wol.gif) repeat-y top;position:relative}.footer{background:url(images/f.jpg) no-repeat top;height:131px}.td1,.td2,.td3{width:239px;height:119px;vertical-align:top;padding:15px 65px 0 25px}.td1{background:url(images/td1.jpg) top no-repeat}.td2{background:url(images/td2.jpg) top no-repeat}.td3{background:url(images/td3.jpg) top no-repeat}.qtabs{float:right;color:#666;margin:57px 34px 0 0}.qtabs ul{list-style:none}.qtabs li{float:left;cursor:pointer;padding:0 5px}.qtabs li span:hover{text-decoration:underline}.qtabs li.current span{color:#f3801f}.qtabs li.open p:hover{text-decoration:none}.qtwrapper{height:1%}.qtcontent{width:94%;margin:0 30px;padding:20px 0;display:none}.qtcontent.visible{display:block}
+    </style>
+</head>
+<body>
+<div class="wrap">
+    <div class="header">
+        <div class="qtabs">
+            <ul id="qtabs-ex2" class="tabs">
+                <li class="open current"><span>По-русски</span></li>
+                <li class="closed"><span>English</span></li>
+            </ul>
+        </div>
+    </div>
+    <div class="main" id="current-ex2">
+        <div class="qtcontent visible">
+            <h1>ВНИМАНИЕ! Вы используете устаревший браузер Internet Explorer</h1>
+            <p>Данный сайт построен на передовых, современных технологиях и не поддерживает Internet Explorer данной версии.</p>
+            <p>Настоятельно Вам рекомендуем выбрать и установить любой из современных браузеров. Это бесплатно и займет всего несколько минут.</p>
+            <table class="brows" cellspacing="0">
+                <tbody>
+                    <tr>
+                        <td><noindex><a href="http://www.microsoft.com/windows/Internet-explorer/default.aspx" target="_blank" rel="nofollow"><img src="images/ie.jpg" alt="Internet Explorer"></a></noindex></td>
+                        <td><noindex><a href="http://www.opera.com/download/" target="_blank" rel="nofollow"><img src="images/op.jpg" alt="Opera Browser"></a></noindex></td>
+                        <td><noindex><a href="http://www.mozilla.com/firefox/" target="_blank" rel="nofollow"><img src="images/mf.jpg" alt="Mozilla Firefox"></a></noindex></td>
+                        <td><noindex><a href="http://www.google.com/chrome" target="_blank" rel="nofollow"><img src="images/gc.jpg" alt="Google Chrome"></a></noindex></td>
+                        <td><noindex><a href="http://www.apple.com/safari/download/" target="_blank" rel="nofollow"><img src="images/as.jpg" alt="Apple Safari"></a></noindex></td>
+                    </tr>
+                    <tr class="brows_name">
+                        <td><noindex><a href="http://www.microsoft.com/windows/Internet-explorer/default.aspx" target="_blank" rel="nofollow">Internet Explorer NEW</a></noindex></td>
+                        <td><noindex><a href="http://www.opera.com/download/" target="_blank" rel="nofollow">Opera Browser</a></noindex></td>
+                        <td><noindex><a href="http://www.mozilla.com/firefox/" target="_blank" rel="nofollow">Mozilla Firefox</a></noindex></td>
+                        <td><noindex><a href="http://www.google.com/chrome" target="_blank" rel="nofollow">Google Chrome</a></noindex></td>
+                        <td><noindex><a href="http://www.apple.com/safari/download/" target="_blank" rel="nofollow">Apple Safari</a></noindex></td>
+                    </tr>
+                </tbody>
+            </table>
+            <h2>Почему нужно поменять браузер Internet Explorer старой версии на другой?</h2>
+            <p>
+                Браузер Internet Explorer является не просто браузером старой
+                версии, а устаревшим браузером, браузером старого поколения. Он не может
+                 предоставить все возможности, которые могут предоставить современные
+                браузеры, а скорость его работы в несколько раз ниже! Internet Explorer
+                 не способен корректно отображать большинство сайтов.
+            </p>
+            <p>
+                Если по каким либо причинам Вы не имеете доступа к возможности
+                установки программ, то рекомендуем воспользоваться "portable" версиями
+                браузеров. Они не требуют инсталляции на компьютер и работают с любого
+                диска или вашей флешки: <noindex><a href="http://portableapps.com/apps/internet/firefox_portable" target="_blank" rel="nofollow">Mozilla Firefox</a></noindex> или <noindex><a href="http://portableapps.com/apps/internet/google_chrome_portable" target="_blank" rel="nofollow">Google Chrome</a></noindex>.
+            </p>
+            <table border="0" cellpadding="0" cellspacing="0" width="100%">
+                <tbody>
+                    <tr>
+                        <td class="td1">
+                            <h3>Безопасность</h3>
+                            Использование Internet Explorer старой версии потенциально опасно, так как именно через него доступ в Ваш компьютер имеют вирусы и мошенники.
+                        </td>
+                        <td>&nbsp;</td>
+                        <td class="td2">
+                            <h3>Только факты</h3>
+                            IE6 был выпущен в 2001 году!<br>
+                            IE7 был выпущен в 2006 году!<br>
+                            IE8 был выпущен в 2009 году!<br>
+                            Позже были созданы версии 9, 10, 11
+                        </td>
+                        <td>&nbsp;</td>
+                        <td class="td3">
+                            <h3>Microsoft</h3>
+                            Microsoft, разработчик
+                            Internet<br>
+                            Explorer, прекратила поддержки версий 6,7,8<br>
+                            и рекомендует устанавливать новые версии своего браузера.
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+        <div class="qtcontent">
+            <h1>СAUTION! You are using the out-of-date browser Internet Explorer</h1>
+            <p>This site is built on the advanced, modern technologies and does not support Internet Explorer this version.</p>
+            <p>
+                It is insistently recommended to you to choose and establish any
+                of modern browsers. It is free of charge and also will take only some
+                minutes.
+            </p>
+            <table class="brows" cellspacing="0">
+                <tbody>
+                    <tr>
+                        <td><noindex><a href="http://www.microsoft.com/windows/Internet-explorer/default.aspx" target="_blank" rel="nofollow"><img src="images/ie.jpg" alt="Internet Explorer"></a></noindex></td>
+                        <td><noindex><a href="http://www.opera.com/download/" target="_blank" rel="nofollow"><img src="images/op.jpg" alt="Opera Browser"></a></noindex></td>
+                        <td><noindex><a href="http://www.mozilla.com/firefox/" target="_blank" rel="nofollow"><img src="images/mf.jpg" alt="Mozilla Firefox"></a></noindex></td>
+                        <td><noindex><a href="http://www.google.com/chrome" target="_blank" rel="nofollow"><img src="images/gc.jpg" alt="Google Chrome"></a></noindex></td>
+                        <td><noindex><a href="http://www.apple.com/safari/download/" target="_blank" rel="nofollow"><img src="images/as.jpg" alt="Apple Safari"></a></noindex></td>
+                    </tr>
+                    <tr class="brows_name">
+                        <td><noindex><a href="http://www.microsoft.com/windows/Internet-explorer/default.aspx" target="_blank" rel="nofollow">Internet Explorer NEW</a></noindex></td>
+                        <td><noindex><a href="http://www.opera.com/download/" target="_blank" rel="nofollow">Opera Browser</a></noindex></td>
+                        <td><noindex><a href="http://www.mozilla.com/firefox/" target="_blank" rel="nofollow">Mozilla Firefox</a></noindex></td>
+                        <td><noindex><a href="http://www.google.com/chrome" target="_blank" rel="nofollow">Google Chrome</a></noindex></td>
+                        <td><noindex><a href="http://www.apple.com/safari/download/" target="_blank" rel="nofollow">Apple Safari</a></noindex></td>
+                    </tr>
+                </tbody>
+            </table>
+            <h2>Why it is necessary to change browser IE to another?</h2>
+            <p>
+                Browser Internet Explorer is not simply a browser of the old
+                version, it is an out-of-date browser, a browser of old generation! It
+                cannot give all possibilities which can be given by modern browsers, and
+                 speed of its work is several times lower! Internet Explorer is not
+                capable to display the majority of sites correctly.
+            </p>
+            <table class="why" cellspacing="0">
+                <tbody>
+                    <tr>
+                        <td class="td1">
+                            <h3>Safety</h3>
+                            <p>Using of IE is potentially dangerous. Viruses and fraudsters can get</p>
+                            <p>access to your computer throe use</p>
+                            <p>of this browser.</p>
+                        </td>
+                        <td>&nbsp;</td>
+                        <td class="td2">
+                            <h3>Only facts</h3>
+                            IE6 was released in year 2001.<br>
+                            IE7 was released in year 2006.<br>
+                            IE8 was released in year 2009.<br>
+                            Versions Nr.9, Nr.10 and Nr.11 were released
+                        </td>
+                        <td>&nbsp;</td>
+                        <td class="td3">
+                            <h3>Microsoft</h3>
+                            Microsoft,the developer of<br>
+                            Internet Explorer, has stopped the support for IE versions 6,7,8 and recommends to install new version of Microsoft browser.
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+    </div>
+    <div class="footer"><!-- --></div>
+</div>
+<!--jQuery library-->
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
+<script>
+    (function($) {
+        $(function tabs(){
+            var settings = {
+                tab : '.tabs',
+                tabCurrent : 'current',
+                tabSection : '.wrap',
+                tabContent : '.qtcontent'
+            };
+            $(settings.tab).delegate('li:not(.'+settings.tabCurrent+')', 'click', function() {
+                var $el = $(this);
+                $el
+                    .addClass(settings.tabCurrent)
+                    .siblings().removeClass(settings.tabCurrent)
+                    .parents(settings.tabSection).find(settings.tabContent).eq($el.index()).fadeIn(150)
+                    .siblings(settings.tabContent).hide();
+            });
+        });
+    })(jQuery)
+</script>
+</body>
+</html>

data/templates/project/index.html

@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html lang="en" class="home">
+<head>
+    <meta charset="UTF-8">
+    <title>HTML</title>
+    <meta name="description" content="">
+    <meta name="author" content="">
+    <!-- Mobile Specific Metas -->
+    <!-- <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"> -->
+    <!-- CSS style -->
+    <link rel="stylesheet" href="css/index.css?v=1">
+    <!-- CSS for developers -->
+    <!-- <link rel="stylesheet" href="css/dev.css?v=1" media="screen"> -->
+    <!-- Favicons -->
+    <!-- <link rel="shortcut icon" href="images/favicon.png"> -->
+    <!-- Scripts -->
+    <script data-headjs-load="js/init.js" src="js/head.min.js"></script>
+</head>
+<body>
+    <div class="container-wrap container">
+        <!-- <div class="grid"></div> -->
+        <header role="banner" class="header"></header>
+        <div role="main" class="content">
+            <section role="section" class="main-section"></section><!--end main-section-->
+        </div><!--end content-->
+        <footer role="contentinfo" class="footer"></footer><!--end footer-->
+    </div><!--end main block-->
+</body>
+</html>

data/templates/project/index.php

@@ -0,0 +1,79 @@
+<?php
+$templateName = themeName();
+function themeName(){
+    $themeNameDir = dirname(__FILE__);
+    $themeNameArr = explode("/", $themeNameDir);
+    $themeNameVar = end($themeNameArr);
+    return $themeNameVar;
+}
+?>
+<!DOCTYPE HTML>
+<html lang="en-US">
+<head>
+    <meta charset="UTF-8">
+    <title><?=$templateName?></title>
+    <meta name="description" content="HTML&amp;CSS template">
+    <meta name="author" content="Sergii Rudchyk">
+    <!-- Mobile Specific Metas -->
+    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
+    <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
+    <style>
+    body{
+        background-color: #fafafa;
+        font: 1rem Arial, Helvetica, sans-serif;
+    }
+    a{
+        color: #287fc3;
+    }
+    a:hover{
+        text-decoration: none;
+    }
+    .theme-container{
+        max-width: 940px;
+        margin: auto;
+    }
+    .theme-thumbnail,
+    .theme-title{
+        text-align: center
+    }
+    .theme-thumbnail{
+        padding: 1em;
+    }
+    .theme-thumbnail-pic{
+        box-shadow: 0 0 15px #ccc;
+        max-width: 100%;
+    }
+    .theme-list{
+        max-width: 500px;
+        margin: auto;
+        padding-bottom: 1em;
+    }
+    @media only screen and (max-width: 1024px) {
+        .theme-list{
+            padding: 0 1em;
+        }
+    }
+    .fa{
+        font-size: 11px;
+    }
+    </style>
+</head>
+<body>
+    <div class="theme-container">
+        <h1 class="theme-title"><?=$templateName?></h1>
+        <ul class="theme-list">
+        <?php
+            if ($handle = opendir('.')) {
+                foreach (glob("*.html") as $filename) {
+                    echo "<li class='theme-item'><a href='$filename' target='_blank' class='theme-item-link'>$filename</a> <i class='fa fa-external-link'></i></li>";
+                }
+                closedir($handle);
+            }
+         ?>
+        </ul>
+        <div class="theme-thumbnail">
+            <img src="screenshot.jpg" alt="<?=$templateName?>" class="theme-thumbnail-pic">
+        </div>
+    </div>
+</body>
+</html>

data/templates/project/js/example.js

@@ -0,0 +1,3 @@
+$(document).ready(function() {
+
+});

data/templates/project/js/head.min.js

@@ -0,0 +1,9 @@
+/*! head.core - v1.0.2 */
+(function(n,t){"use strict";function r(n){a[a.length]=n}function k(n){var t=new RegExp(" ?\\b"+n+"\\b");c.className=c.className.replace(t,"")}function p(n,t){for(var i=0,r=n.length;i<r;i++)t.call(n,n[i],i)}function tt(){var t,e,f,o;c.className=c.className.replace(/ (w-|eq-|gt-|gte-|lt-|lte-|portrait|no-portrait|landscape|no-landscape)\d+/g,"");t=n.innerWidth||c.clientWidth;e=n.outerWidth||n.screen.width;u.screen.innerWidth=t;u.screen.outerWidth=e;r("w-"+t);p(i.screens,function(n){t>n?(i.screensCss.gt&&r("gt-"+n),i.screensCss.gte&&r("gte-"+n)):t<n?(i.screensCss.lt&&r("lt-"+n),i.screensCss.lte&&r("lte-"+n)):t===n&&(i.screensCss.lte&&r("lte-"+n),i.screensCss.eq&&r("e-q"+n),i.screensCss.gte&&r("gte-"+n))});f=n.innerHeight||c.clientHeight;o=n.outerHeight||n.screen.height;u.screen.innerHeight=f;u.screen.outerHeight=o;u.feature("portrait",f>t);u.feature("landscape",f<t)}function it(){n.clearTimeout(b);b=n.setTimeout(tt,50)}var y=n.document,rt=n.navigator,ut=n.location,c=y.documentElement,a=[],i={screens:[240,320,480,640,768,800,1024,1280,1440,1680,1920],screensCss:{gt:!0,gte:!1,lt:!0,lte:!1,eq:!1},browsers:[{ie:{min:6,max:11}}],browserCss:{gt:!0,gte:!1,lt:!0,lte:!1,eq:!0},html5:!0,page:"-page",section:"-section",head:"head"},v,u,s,w,o,h,l,d,f,g,nt,e,b;if(n.head_conf)for(v in n.head_conf)n.head_conf[v]!==t&&(i[v]=n.head_conf[v]);u=n[i.head]=function(){u.ready.apply(null,arguments)};u.feature=function(n,t,i){return n?(Object.prototype.toString.call(t)==="[object Function]"&&(t=t.call()),r((t?"":"no-")+n),u[n]=!!t,i||(k("no-"+n),k(n),u.feature()),u):(c.className+=" "+a.join(" "),a=[],u)};u.feature("js",!0);s=rt.userAgent.toLowerCase();w=/mobile|android|kindle|silk|midp|phone|(windows .+arm|touch)/.test(s);u.feature("mobile",w,!0);u.feature("desktop",!w,!0);s=/(chrome|firefox)[ \/]([\w.]+)/.exec(s)||/(iphone|ipad|ipod)(?:.*version)?[ \/]([\w.]+)/.exec(s)||/(android)(?:.*version)?[ \/]([\w.]+)/.exec(s)||/(webkit|opera)(?:.*version)?[ \/]([\w.]+)/.exec(s)||/(msie) ([\w.]+)/.exec(s)||/(trident).+rv:(\w.)+/.exec(s)||[];o=s[1];h=parseFloat(s[2]);switch(o){case"msie":case"trident":o="ie";h=y.documentMode||h;break;case"firefox":o="ff";break;case"ipod":case"ipad":case"iphone":o="ios";break;case"webkit":o="safari"}for(u.browser={name:o,version:h},u.browser[o]=!0,l=0,d=i.browsers.length;l<d;l++)for(f in i.browsers[l])if(o===f)for(r(f),g=i.browsers[l][f].min,nt=i.browsers[l][f].max,e=g;e<=nt;e++)h>e?(i.browserCss.gt&&r("gt-"+f+e),i.browserCss.gte&&r("gte-"+f+e)):h<e?(i.browserCss.lt&&r("lt-"+f+e),i.browserCss.lte&&r("lte-"+f+e)):h===e&&(i.browserCss.lte&&r("lte-"+f+e),i.browserCss.eq&&r("eq-"+f+e),i.browserCss.gte&&r("gte-"+f+e));else r("no-"+f);r(o);r(o+parseInt(h,10));i.html5&&o==="ie"&&h<9&&p("abbr|article|aside|audio|canvas|details|figcaption|figure|footer|header|hgroup|main|mark|meter|nav|output|progress|section|summary|time|video".split("|"),function(n){y.createElement(n)});p(ut.pathname.split("/"),function(n,u){if(this.length>2&&this[u+1]!==t)u&&r(this.slice(u,u+1).join("-").toLowerCase()+i.section);else{var f=n||"index",e=f.indexOf(".");e>0&&(f=f.substring(0,e));c.id=f.toLowerCase()+i.page;u||r("root"+i.section)}});u.screen={height:n.screen.height,width:n.screen.width};tt();b=0;n.addEventListener?n.addEventListener("resize",it,!1):n.attachEvent("onresize",it)})(window);
+/*! head.css3 - v1.0.0 */
+(function(n,t){"use strict";function a(n){for(var r in n)if(i[n[r]]!==t)return!0;return!1}function r(n){var t=n.charAt(0).toUpperCase()+n.substr(1),i=(n+" "+c.join(t+" ")+t).split(" ");return!!a(i)}var h=n.document,o=h.createElement("i"),i=o.style,s=" -o- -moz- -ms- -webkit- -khtml- ".split(" "),c="Webkit Moz O ms Khtml".split(" "),l=n.head_conf&&n.head_conf.head||"head",u=n[l],f={gradient:function(){var n="background-image:";return i.cssText=(n+s.join("gradient(linear,left top,right bottom,from(#9f9),to(#fff));"+n)+s.join("linear-gradient(left top,#eee,#fff);"+n)).slice(0,-n.length),!!i.backgroundImage},rgba:function(){return i.cssText="background-color:rgba(0,0,0,0.5)",!!i.backgroundColor},opacity:function(){return o.style.opacity===""},textshadow:function(){return i.textShadow===""},multiplebgs:function(){i.cssText="background:url(https://),url(https://),red url(https://)";var n=(i.background||"").match(/url/g);return Object.prototype.toString.call(n)==="[object Array]"&&n.length===3},boxshadow:function(){return r("boxShadow")},borderimage:function(){return r("borderImage")},borderradius:function(){return r("borderRadius")},cssreflections:function(){return r("boxReflect")},csstransforms:function(){return r("transform")},csstransitions:function(){return r("transition")},touch:function(){return"ontouchstart"in n},retina:function(){return n.devicePixelRatio>1},fontface:function(){var t=u.browser.name,n=u.browser.version;switch(t){case"ie":return n>=9;case"chrome":return n>=13;case"ff":return n>=6;case"ios":return n>=5;case"android":return!1;case"webkit":return n>=5.1;case"opera":return n>=10;default:return!1}}};for(var e in f)f[e]&&u.feature(e,f[e].call(),!0);u.feature()})(window);
+/*! head.load - v1.0.3 */
+(function(n,t){"use strict";function w(){}function u(n,t){if(n){typeof n=="object"&&(n=[].slice.call(n));for(var i=0,r=n.length;i<r;i++)t.call(n,n[i],i)}}function it(n,i){var r=Object.prototype.toString.call(i).slice(8,-1);return i!==t&&i!==null&&r===n}function s(n){return it("Function",n)}function a(n){return it("Array",n)}function et(n){var i=n.split("/"),t=i[i.length-1],r=t.indexOf("?");return r!==-1?t.substring(0,r):t}function f(n){(n=n||w,n._done)||(n(),n._done=1)}function ot(n,t,r,u){var f=typeof n=="object"?n:{test:n,success:!t?!1:a(t)?t:[t],failure:!r?!1:a(r)?r:[r],callback:u||w},e=!!f.test;return e&&!!f.success?(f.success.push(f.callback),i.load.apply(null,f.success)):e||!f.failure?u():(f.failure.push(f.callback),i.load.apply(null,f.failure)),i}function v(n){var t={},i,r;if(typeof n=="object")for(i in n)!n[i]||(t={name:i,url:n[i]});else t={name:et(n),url:n};return(r=c[t.name],r&&r.url===t.url)?r:(c[t.name]=t,t)}function y(n){n=n||c;for(var t in n)if(n.hasOwnProperty(t)&&n[t].state!==l)return!1;return!0}function st(n){n.state=ft;u(n.onpreload,function(n){n.call()})}function ht(n){n.state===t&&(n.state=nt,n.onpreload=[],rt({url:n.url,type:"cache"},function(){st(n)}))}function ct(){var n=arguments,t=n[n.length-1],r=[].slice.call(n,1),f=r[0];return(s(t)||(t=null),a(n[0]))?(n[0].push(t),i.load.apply(null,n[0]),i):(f?(u(r,function(n){s(n)||!n||ht(v(n))}),b(v(n[0]),s(f)?f:function(){i.load.apply(null,r)})):b(v(n[0])),i)}function lt(){var n=arguments,t=n[n.length-1],r={};return(s(t)||(t=null),a(n[0]))?(n[0].push(t),i.load.apply(null,n[0]),i):(u(n,function(n){n!==t&&(n=v(n),r[n.name]=n)}),u(n,function(n){n!==t&&(n=v(n),b(n,function(){y(r)&&f(t)}))}),i)}function b(n,t){if(t=t||w,n.state===l){t();return}if(n.state===tt){i.ready(n.name,t);return}if(n.state===nt){n.onpreload.push(function(){b(n,t)});return}n.state=tt;rt(n,function(){n.state=l;t();u(h[n.name],function(n){f(n)});o&&y()&&u(h.ALL,function(n){f(n)})})}function at(n){n=n||"";var t=n.split("?")[0].split(".");return t[t.length-1].toLowerCase()}function rt(t,i){function e(t){t=t||n.event;u.onload=u.onreadystatechange=u.onerror=null;i()}function o(f){f=f||n.event;(f.type==="load"||/loaded|complete/.test(u.readyState)&&(!r.documentMode||r.documentMode<9))&&(n.clearTimeout(t.errorTimeout),n.clearTimeout(t.cssTimeout),u.onload=u.onreadystatechange=u.onerror=null,i())}function s(){if(t.state!==l&&t.cssRetries<=20){for(var i=0,f=r.styleSheets.length;i<f;i++)if(r.styleSheets[i].href===u.href){o({type:"load"});return}t.cssRetries++;t.cssTimeout=n.setTimeout(s,250)}}var u,h,f;i=i||w;h=at(t.url);h==="css"?(u=r.createElement("link"),u.type="text/"+(t.type||"css"),u.rel="stylesheet",u.href=t.url,t.cssRetries=0,t.cssTimeout=n.setTimeout(s,500)):(u=r.createElement("script"),u.type="text/"+(t.type||"javascript"),u.src=t.url);u.onload=u.onreadystatechange=o;u.onerror=e;u.async=!1;u.defer=!1;t.errorTimeout=n.setTimeout(function(){e({type:"timeout"})},7e3);f=r.head||r.getElementsByTagName("head")[0];f.insertBefore(u,f.lastChild)}function vt(){for(var t,u=r.getElementsByTagName("script"),n=0,f=u.length;n<f;n++)if(t=u[n].getAttribute("data-headjs-load"),!!t){i.load(t);return}}function yt(n,t){var v,p,e;return n===r?(o?f(t):d.push(t),i):(s(n)&&(t=n,n="ALL"),a(n))?(v={},u(n,function(n){v[n]=c[n];i.ready(n,function(){y(v)&&f(t)})}),i):typeof n!="string"||!s(t)?i:(p=c[n],p&&p.state===l||n==="ALL"&&y()&&o)?(f(t),i):(e=h[n],e?e.push(t):e=h[n]=[t],i)}function e(){if(!r.body){n.clearTimeout(i.readyTimeout);i.readyTimeout=n.setTimeout(e,50);return}o||(o=!0,vt(),u(d,function(n){f(n)}))}function k(){r.addEventListener?(r.removeEventListener("DOMContentLoaded",k,!1),e()):r.readyState==="complete"&&(r.detachEvent("onreadystatechange",k),e())}var r=n.document,d=[],h={},c={},ut="async"in r.createElement("script")||"MozAppearance"in r.documentElement.style||n.opera,o,g=n.head_conf&&n.head_conf.head||"head",i=n[g]=n[g]||function(){i.ready.apply(null,arguments)},nt=1,ft=2,tt=3,l=4,p;if(r.readyState==="complete")e();else if(r.addEventListener)r.addEventListener("DOMContentLoaded",k,!1),n.addEventListener("load",e,!1);else{r.attachEvent("onreadystatechange",k);n.attachEvent("onload",e);p=!1;try{p=!n.frameElement&&r.documentElement}catch(wt){}p&&p.doScroll&&function pt(){if(!o){try{p.doScroll("left")}catch(t){n.clearTimeout(i.readyTimeout);i.readyTimeout=n.setTimeout(pt,50);return}e()}}()}i.load=i.js=ut?lt:ct;i.test=ot;i.ready=yt;i.ready(r,function(){y()&&u(h.ALL,function(n){f(n)});i.feature&&i.feature("domloaded",!0)})})(window);
+/*
+//# sourceMappingURL=head.min.js.map
+*/

data/templates/project/js/init.js

@@ -0,0 +1,49 @@
+var sourcePath = "";
+
+function hasClass(elem, className) {
+    return new RegExp(' ' + className + ' ').test(' ' + elem.className + ' ');
+}
+
+if (head.browser.ie && head.browser.version < 8) {
+    location.replace(sourcePath+"ie-old/index.html");
+}
+
+if (head.browser.ie && head.browser.version < 9) {
+    head.js("http://html5shiv.googlecode.com/svn/trunk/html5.js");
+}
+
+head.js(
+    "https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js",
+    // sourcePath+"js/rform.js",
+    // sourcePath+"js/.js",
+    // sourcePath+"js/scripts.js",
+    // sourcePath+"js/example.js",
+    function() {
+        // fieldJS
+        // $('.field-box-js').fieldJS();
+
+        // selectJS
+        // $('.select-box-js').selectJS();
+
+        // radioJS
+        // $('.radio-box-js').radioJS();
+
+        /*checkboxJS*/
+        // $('.check-box-js').checkboxJS();
+
+        /*fileJS*/
+        // $('.fileload-box-js').fileJS();
+    }
+);
+
+if (head.browser.ie && head.browser.version < 10 || head.browser.opera) {
+    head.js( sourcePath+"js/ph.min.js" );
+}
+
+// if (hasClass(document.documentElement, 'body_class')) {
+//     head.js(
+//         sourcePath+"js/.js",
+//         function() {}
+//     );
+// }
+