compass-vikingR-template 1.2.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (53) hide show
  1. checksums.yaml +7 -0
  2. data/README.md +97 -0
  3. data/lib/compass-vikingR-template.rb +60 -0
  4. data/lib/config.rb +8 -0
  5. data/templates/project/css/dev.css +3 -0
  6. data/templates/project/files/compass_watch.bat +1 -0
  7. data/templates/project/files/readme.txt +31 -0
  8. data/templates/project/files/screenshot.jpg +0 -0
  9. data/templates/project/ie-old/favicon.ico +0 -0
  10. data/templates/project/ie-old/images/as.jpg +0 -0
  11. data/templates/project/ie-old/images/bg_span_wol.gif +0 -0
  12. data/templates/project/ie-old/images/f.jpg +0 -0
  13. data/templates/project/ie-old/images/gc.jpg +0 -0
  14. data/templates/project/ie-old/images/h.jpg +0 -0
  15. data/templates/project/ie-old/images/ie.jpg +0 -0
  16. data/templates/project/ie-old/images/mf.jpg +0 -0
  17. data/templates/project/ie-old/images/op.jpg +0 -0
  18. data/templates/project/ie-old/images/td1.jpg +0 -0
  19. data/templates/project/ie-old/images/td2.jpg +0 -0
  20. data/templates/project/ie-old/images/td3.jpg +0 -0
  21. data/templates/project/ie-old/index.html +175 -0
  22. data/templates/project/images/favicon.png +0 -0
  23. data/templates/project/images/loading.gif +0 -0
  24. data/templates/project/images/noimg.jpg +0 -0
  25. data/templates/project/index.html +29 -0
  26. data/templates/project/index.php +79 -0
  27. data/templates/project/js/example.js +3 -0
  28. data/templates/project/js/head.min.js +9 -0
  29. data/templates/project/js/init.js +49 -0
  30. data/templates/project/js/ph.js +33 -0
  31. data/templates/project/js/ph.min.js +2 -0
  32. data/templates/project/js/rform.js +228 -0
  33. data/templates/project/js/scripts.js +3 -0
  34. data/templates/project/manifest.rb +78 -0
  35. data/templates/project/sass/_all.scss +1 -0
  36. data/templates/project/sass/_browsers.scss +49 -0
  37. data/templates/project/sass/_buttons.scss +54 -0
  38. data/templates/project/sass/_content.scss +7 -0
  39. data/templates/project/sass/_default.scss +252 -0
  40. data/templates/project/sass/_footer.scss +5 -0
  41. data/templates/project/sass/_formstyle.scss +130 -0
  42. data/templates/project/sass/_global.scss +38 -0
  43. data/templates/project/sass/_header.scss +5 -0
  44. data/templates/project/sass/_icons.scss +40 -0
  45. data/templates/project/sass/_layout.scss +3 -0
  46. data/templates/project/sass/_mixins.scss +318 -0
  47. data/templates/project/sass/_reset.scss +455 -0
  48. data/templates/project/sass/_responsive.scss +25 -0
  49. data/templates/project/sass/_rforms.scss +213 -0
  50. data/templates/project/sass/_typography.scss +105 -0
  51. data/templates/project/sass/_variables.scss +69 -0
  52. data/templates/project/sass/index.scss +35 -0
  53. metadata +95 -0
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: f1b75f346813363796185a128b1c98b75b0517fe
4
+ data.tar.gz: 60e4182b59e6aaaab5c9ef600c7d3eeb2a55e630
5
+ SHA512:
6
+ metadata.gz: a38e15fd239ebe9de3ed484d683e15ef1a13b28b0b5fe4bff083e585a5658743eb14713ec600a72457929d8f00567e15b3b264dafda2fc553272537953b11ec1
7
+ data.tar.gz: d646a9bc2ea033912e15f4e47bc15997525dd564f574bc22a2ef543a414c3351c8dacf0f6d85dd7483bf82aca37a7f0d2cc5fe3661fd24a4221f2f770ae34433
data/README.md ADDED
@@ -0,0 +1,97 @@
1
+ Compass VikingR Template
2
+ ========================
3
+
4
+ Version
5
+ ----
6
+ 1.1.3
7
+
8
+ License
9
+ ----
10
+ MIT
11
+
12
+ Installation
13
+ --------------
14
+ ```sh
15
+ gem install compass-vikingR-template
16
+ ```
17
+
18
+ Plugins installation
19
+ -------------------
20
+ 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>)
21
+ ```sh
22
+ gem install sassy-math
23
+ gem install ceaser-easing
24
+ ```
25
+
26
+ Create project
27
+ --------------
28
+ ```sh
29
+ compass create my_project -r compass-vikingR-template --using compass-vikingR-template
30
+ ```
31
+
32
+ ####This will create a my_project directory containing the following files:
33
+ ```sh
34
+ my_project
35
+ |
36
+ |config.rb ***********************************// Settings for Compass
37
+ |index.html **********************************// HTML template
38
+ |index.php ***********************************// Showcase of the project
39
+ |readme.txt **********************************// Notes
40
+ |screenshot.jpg ******************************// Screenshot of the project
41
+ |compass_watch.bat ***************************// Console command "compass watch"
42
+ |css *****************************************// Stylesheets directory
43
+ |dev.css *********************************// Css for developers
44
+ |fonts ***************************************// Fonts directory
45
+ |ie-old *****************************************// Cap for old IE
46
+ |images
47
+ |as.jpg
48
+ |bg_span_wol.gif
49
+ |f.jpg
50
+ |gc.jpg
51
+ |h.jpg
52
+ |ie.jpg
53
+ |mf.jpg
54
+ |op.jpg
55
+ |td1.jpg
56
+ |td2.jpg
57
+ |td3.jpg
58
+ |favicon.ico
59
+ |index.html
60
+ |images **************************************// Images directory
61
+ |bg **************************************// Directory with background images
62
+ |icons ***********************************// Directory with icons for sprite
63
+ |required ********************************// Directory with required images
64
+ |loading.gif *************************// Image load when necessary image is loading
65
+ |noimg.jpg ***************************// Image load when necessary image not found
66
+ |temp ************************************// Directory with temporary images
67
+ |favicon.png *****************************// Favicon for the project
68
+ |js ******************************************// Javascripts directory
69
+ |head.min.js (Latest Versions) ***********// JavaScript library what make the only script in HEAD (*1*)
70
+ |html5.js ********************************// JavaScript adds new HTML5 elements (*2*)
71
+ |init.js *********************************// Adding HeadJS to the project
72
+ |placeholder.min.js **********************// JavaScript for placeholders in IE9 and Opera
73
+ |rform.js ********************************// Full JavaScript library for forms, default "unconnected"
74
+ |rform.min.js ****************************// Compressed JavaScript library for forms
75
+ |scripts.js ******************************// All scripts for the project, default "commented out"
76
+ |example.js ******************************// Example scripts for the project, default "commented out"
77
+ |sass ****************************************// Sass directory
78
+ |source **********************************// Source directory for styles
79
+ |_mixins.scss ************************// Mixins for styles
80
+ |_variables.scss *********************// Variables for styles
81
+ |_reset.scss *************************// Reset styles
82
+ |_global.scss ************************// Global styles
83
+ |_typography.scss ********************// Typography
84
+ |_formstyle.scss *********************// Styles for forms
85
+ |_buttons.scss ***********************// Styles for buttons
86
+ |_icons.scss *************************// Styles for icons
87
+ |_header.scss ************************// Styles for header
88
+ |_content.scss ***********************// Styles for content
89
+ |_footer.scss ************************// Styles for footer
90
+ |_all.scss ***************************// All styles for the project
91
+ |_default.scss ***********************// Default classes
92
+ |_layout.scss ************************// Styles for unique classes for pages
93
+ |_responsive.scss ********************// Styles for RWD
94
+ |_browsers.scss **********************// Unique styles for browsers
95
+ |index.scss ******************************// Main stylesheets file
96
+ ```
97
+ *<a href="http://headjs.com/">1</a>*, *<a href="https://code.google.com/p/html5shiv/">2</a>*
@@ -0,0 +1,60 @@
1
+ # All gems that are required for this extension to work should go here.
2
+ # These are the requires you would normally put in your config.rb file
3
+ # By default, you should always included Compass. Do not include your
4
+ # extension.
5
+ require 'compass'
6
+
7
+ Compass.add_project_configuration(File.join(File.dirname(__FILE__), 'config.rb'))
8
+
9
+ # This tells Compass what your Compass extension is called, and where to find
10
+ # its files
11
+ # Replace 'extension' with the name of your extension. Spaces allowed.
12
+
13
+ extension_path = File.expand_path(File.join(File.dirname(__FILE__), ".."))
14
+
15
+ Compass::Frameworks.register(
16
+ 'compass-vikingR-template',
17
+ :path => extension_path
18
+ )
19
+
20
+
21
+ # Version and date of version for your Compass extension.
22
+ # Replace Extension with the name of your extension
23
+ # Letters, numbers, and underscores only
24
+ # Version is a number. If a version contains alphas, it will be created as
25
+ # a prerelease version
26
+ # Date is in the form of YYYY-MM-DD
27
+ module Extension
28
+ VERSION = "1.2.4"
29
+ DATE = "2014-11-05"
30
+ end
31
+
32
+ module Compass
33
+ module AppIntegration
34
+ module StandAlone
35
+ module ConfigurationDefaults
36
+ def default_project_type
37
+ :stand_alone
38
+ end
39
+
40
+ def javascripts_dir_without_default
41
+ "js"
42
+ end
43
+
44
+ def css_dir_without_default
45
+ "css"
46
+ end
47
+
48
+ end
49
+
50
+ end
51
+ end
52
+ end
53
+
54
+ # This is where any custom SassScript should be placed. The functions will be
55
+ # available on require of your extension without the need for users to import
56
+ # any partials. Uncomment below.
57
+
58
+ # module Sass::Script::Functions
59
+
60
+ # end
data/lib/config.rb ADDED
@@ -0,0 +1,8 @@
1
+ require 'sassy-math'
2
+ require 'ceaser-easing'
3
+
4
+ http_path = '../'
5
+ relative_assets = false
6
+ line_comments = false
7
+
8
+ output_style = :expanded
@@ -0,0 +1,3 @@
1
+ /*
2
+ css for developers
3
+ */
@@ -0,0 +1 @@
1
+ cmd /K compass watch
@@ -0,0 +1,31 @@
1
+ -- Styles --
2
+ Все стили хранятся в css/index.css.
3
+ Стили писались на SCSS и собраны в один файл с помощью Compass.
4
+
5
+ --->>> Если дальнейшая работа с SCSS вестись не будет, при желании можно удалить папки sass, css/source, .sass-cache и images/icons, и файл config.rb (настройки compass).
6
+ Для добавления новых стилей настоятельно рекомендую использовать dev.css (css/dev.css). Перед началом работы с ним, его нужно активировать в шапке index.html.
7
+
8
+ -- JS --
9
+ Все библиотеки и скрипты перечислены в js/init.js. В шаблоне они подключены через head.min.js (http://headjs.com/).
10
+ Полный путь к папке со скриптами задается в переменнной "sourcePath" в js/init.js, ст.1.
11
+ Основная библиотека JavaScript -> jQuery.
12
+
13
+ -- Исключения --
14
+ 1) Если у пользователя браузер IE7 и ниже, будет загружаться заглушка (ie7/index.html), с просьбой обновить браузер или загрузить любой другой.
15
+ 2) Если у пользователя браузер IE8, будет загружаться html5.js, который призван корректно отображать теги HTML5.
16
+ 3) Если у пользователя браузер IE (<=9) или opera, будет загружаться ph.min.js, который призван корректно отображать placeholder в полях ввода. Полная библиотека присутствует ph.js.
17
+ 4) Каждая html страница может иметь свой уникальный класс в теге <html>. По этому классу можно подгружать отдельные файлы стилей и скриптов, исключительно для этих страниц.
18
+
19
+ -- Images --
20
+ icons - Папка которую использует compass для создания спрайта.
21
+ bg - Папка с фоновыми изображениями.
22
+ required - Папка с обязательными изображениями.
23
+ temp - Папка с временными изображениями (статическими изображениями постов и т.п.). После интеграции верстки ее можно удалить.
24
+
25
+ -- Fonts --
26
+ Все сторонние шрифты будут загружены в папку Fonts.
27
+
28
+ -- Validation --
29
+ .has-error - При наличии ошибки.
30
+ .has-success - При успешной операции.
31
+ .has-disabled - При отключении поля.
@@ -0,0 +1,175 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <title>Old Internet Explorer</title>
5
+ <meta charset="UTF-8">
6
+ <meta name="description" content="Old Internet Explorer">
7
+ <meta name="keywords" content="Old Internet Explorer">
8
+ <link rel="icon" href="favicon.ico" type="image/x-icon">
9
+ <link rel="shortcut icon" href="favicon.ico">
10
+ <style>
11
+ *{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}
12
+ </style>
13
+ </head>
14
+ <body>
15
+ <div class="wrap">
16
+ <div class="header">
17
+ <div class="qtabs">
18
+ <ul id="qtabs-ex2" class="tabs">
19
+ <li class="open current"><span>По-русски</span></li>
20
+ <li class="closed"><span>English</span></li>
21
+ </ul>
22
+ </div>
23
+ </div>
24
+ <div class="main" id="current-ex2">
25
+ <div class="qtcontent visible">
26
+ <h1>ВНИМАНИЕ! Вы используете устаревший браузер Internet Explorer</h1>
27
+ <p>Данный сайт построен на передовых, современных технологиях и не поддерживает Internet Explorer данной версии.</p>
28
+ <p>Настоятельно Вам рекомендуем выбрать и установить любой из современных браузеров. Это бесплатно и займет всего несколько минут.</p>
29
+ <table class="brows" cellspacing="0">
30
+ <tbody>
31
+ <tr>
32
+ <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>
33
+ <td><noindex><a href="http://www.opera.com/download/" target="_blank" rel="nofollow"><img src="images/op.jpg" alt="Opera Browser"></a></noindex></td>
34
+ <td><noindex><a href="http://www.mozilla.com/firefox/" target="_blank" rel="nofollow"><img src="images/mf.jpg" alt="Mozilla Firefox"></a></noindex></td>
35
+ <td><noindex><a href="http://www.google.com/chrome" target="_blank" rel="nofollow"><img src="images/gc.jpg" alt="Google Chrome"></a></noindex></td>
36
+ <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>
37
+ </tr>
38
+ <tr class="brows_name">
39
+ <td><noindex><a href="http://www.microsoft.com/windows/Internet-explorer/default.aspx" target="_blank" rel="nofollow">Internet Explorer NEW</a></noindex></td>
40
+ <td><noindex><a href="http://www.opera.com/download/" target="_blank" rel="nofollow">Opera Browser</a></noindex></td>
41
+ <td><noindex><a href="http://www.mozilla.com/firefox/" target="_blank" rel="nofollow">Mozilla Firefox</a></noindex></td>
42
+ <td><noindex><a href="http://www.google.com/chrome" target="_blank" rel="nofollow">Google Chrome</a></noindex></td>
43
+ <td><noindex><a href="http://www.apple.com/safari/download/" target="_blank" rel="nofollow">Apple Safari</a></noindex></td>
44
+ </tr>
45
+ </tbody>
46
+ </table>
47
+ <h2>Почему нужно поменять браузер Internet Explorer старой версии на другой?</h2>
48
+ <p>
49
+ Браузер Internet Explorer является не просто браузером старой
50
+ версии, а устаревшим браузером, браузером старого поколения. Он не может
51
+ предоставить все возможности, которые могут предоставить современные
52
+ браузеры, а скорость его работы в несколько раз ниже! Internet Explorer
53
+ не способен корректно отображать большинство сайтов.
54
+ </p>
55
+ <p>
56
+ Если по каким либо причинам Вы не имеете доступа к возможности
57
+ установки программ, то рекомендуем воспользоваться "portable" версиями
58
+ браузеров. Они не требуют инсталляции на компьютер и работают с любого
59
+ диска или вашей флешки: <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>.
60
+ </p>
61
+ <table border="0" cellpadding="0" cellspacing="0" width="100%">
62
+ <tbody>
63
+ <tr>
64
+ <td class="td1">
65
+ <h3>Безопасность</h3>
66
+ Использование Internet Explorer старой версии потенциально опасно, так как именно через него доступ в Ваш компьютер имеют вирусы и мошенники.
67
+ </td>
68
+ <td>&nbsp;</td>
69
+ <td class="td2">
70
+ <h3>Только факты</h3>
71
+ IE6 был выпущен в 2001 году!<br>
72
+ IE7 был выпущен в 2006 году!<br>
73
+ IE8 был выпущен в 2009 году!<br>
74
+ Позже были созданы версии 9, 10, 11
75
+ </td>
76
+ <td>&nbsp;</td>
77
+ <td class="td3">
78
+ <h3>Microsoft</h3>
79
+ Microsoft, разработчик
80
+ Internet<br>
81
+ Explorer, прекратила поддержки версий 6,7,8<br>
82
+ и рекомендует устанавливать новые версии своего браузера.
83
+ </td>
84
+ </tr>
85
+ </tbody>
86
+ </table>
87
+ </div>
88
+ <div class="qtcontent">
89
+ <h1>СAUTION! You are using the out-of-date browser Internet Explorer</h1>
90
+ <p>This site is built on the advanced, modern technologies and does not support Internet Explorer this version.</p>
91
+ <p>
92
+ It is insistently recommended to you to choose and establish any
93
+ of modern browsers. It is free of charge and also will take only some
94
+ minutes.
95
+ </p>
96
+ <table class="brows" cellspacing="0">
97
+ <tbody>
98
+ <tr>
99
+ <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>
100
+ <td><noindex><a href="http://www.opera.com/download/" target="_blank" rel="nofollow"><img src="images/op.jpg" alt="Opera Browser"></a></noindex></td>
101
+ <td><noindex><a href="http://www.mozilla.com/firefox/" target="_blank" rel="nofollow"><img src="images/mf.jpg" alt="Mozilla Firefox"></a></noindex></td>
102
+ <td><noindex><a href="http://www.google.com/chrome" target="_blank" rel="nofollow"><img src="images/gc.jpg" alt="Google Chrome"></a></noindex></td>
103
+ <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>
104
+ </tr>
105
+ <tr class="brows_name">
106
+ <td><noindex><a href="http://www.microsoft.com/windows/Internet-explorer/default.aspx" target="_blank" rel="nofollow">Internet Explorer NEW</a></noindex></td>
107
+ <td><noindex><a href="http://www.opera.com/download/" target="_blank" rel="nofollow">Opera Browser</a></noindex></td>
108
+ <td><noindex><a href="http://www.mozilla.com/firefox/" target="_blank" rel="nofollow">Mozilla Firefox</a></noindex></td>
109
+ <td><noindex><a href="http://www.google.com/chrome" target="_blank" rel="nofollow">Google Chrome</a></noindex></td>
110
+ <td><noindex><a href="http://www.apple.com/safari/download/" target="_blank" rel="nofollow">Apple Safari</a></noindex></td>
111
+ </tr>
112
+ </tbody>
113
+ </table>
114
+ <h2>Why it is necessary to change browser IE to another?</h2>
115
+ <p>
116
+ Browser Internet Explorer is not simply a browser of the old
117
+ version, it is an out-of-date browser, a browser of old generation! It
118
+ cannot give all possibilities which can be given by modern browsers, and
119
+ speed of its work is several times lower! Internet Explorer is not
120
+ capable to display the majority of sites correctly.
121
+ </p>
122
+ <table class="why" cellspacing="0">
123
+ <tbody>
124
+ <tr>
125
+ <td class="td1">
126
+ <h3>Safety</h3>
127
+ <p>Using of IE is potentially dangerous. Viruses and fraudsters can get</p>
128
+ <p>access to your computer throe use</p>
129
+ <p>of this browser.</p>
130
+ </td>
131
+ <td>&nbsp;</td>
132
+ <td class="td2">
133
+ <h3>Only facts</h3>
134
+ IE6 was released in year 2001.<br>
135
+ IE7 was released in year 2006.<br>
136
+ IE8 was released in year 2009.<br>
137
+ Versions Nr.9, Nr.10 and Nr.11 were released
138
+ </td>
139
+ <td>&nbsp;</td>
140
+ <td class="td3">
141
+ <h3>Microsoft</h3>
142
+ Microsoft,the developer of<br>
143
+ Internet Explorer, has stopped the support for IE versions 6,7,8 and recommends to install new version of Microsoft browser.
144
+ </td>
145
+ </tr>
146
+ </tbody>
147
+ </table>
148
+ </div>
149
+ </div>
150
+ <div class="footer"><!-- --></div>
151
+ </div>
152
+ <!--jQuery library-->
153
+ <script src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
154
+ <script>
155
+ (function($) {
156
+ $(function tabs(){
157
+ var settings = {
158
+ tab : '.tabs',
159
+ tabCurrent : 'current',
160
+ tabSection : '.wrap',
161
+ tabContent : '.qtcontent'
162
+ };
163
+ $(settings.tab).delegate('li:not(.'+settings.tabCurrent+')', 'click', function() {
164
+ var $el = $(this);
165
+ $el
166
+ .addClass(settings.tabCurrent)
167
+ .siblings().removeClass(settings.tabCurrent)
168
+ .parents(settings.tabSection).find(settings.tabContent).eq($el.index()).fadeIn(150)
169
+ .siblings(settings.tabContent).hide();
170
+ });
171
+ });
172
+ })(jQuery)
173
+ </script>
174
+ </body>
175
+ </html>
Binary file
@@ -0,0 +1,29 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en" class="home">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <title>HTML</title>
6
+ <meta name="description" content="">
7
+ <meta name="author" content="">
8
+ <!-- Mobile Specific Metas -->
9
+ <!-- <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0"> -->
10
+ <!-- CSS style -->
11
+ <link rel="stylesheet" href="css/index.css?v=1">
12
+ <!-- CSS for developers -->
13
+ <!-- <link rel="stylesheet" href="css/dev.css?v=1" media="screen"> -->
14
+ <!-- Favicons -->
15
+ <!-- <link rel="shortcut icon" href="images/favicon.png"> -->
16
+ <!-- Scripts -->
17
+ <script data-headjs-load="js/init.js" src="js/head.min.js"></script>
18
+ </head>
19
+ <body>
20
+ <div class="container-wrap container">
21
+ <!-- <div class="grid"></div> -->
22
+ <header role="banner" class="header"></header>
23
+ <div role="main" class="content">
24
+ <section role="section" class="main-section"></section><!--end main-section-->
25
+ </div><!--end content-->
26
+ <footer role="contentinfo" class="footer"></footer><!--end footer-->
27
+ </div><!--end main block-->
28
+ </body>
29
+ </html>
@@ -0,0 +1,79 @@
1
+ <?php
2
+ $templateName = themeName();
3
+ function themeName(){
4
+ $themeNameDir = dirname(__FILE__);
5
+ $themeNameArr = explode("/", $themeNameDir);
6
+ $themeNameVar = end($themeNameArr);
7
+ return $themeNameVar;
8
+ }
9
+ ?>
10
+ <!DOCTYPE HTML>
11
+ <html lang="en-US">
12
+ <head>
13
+ <meta charset="UTF-8">
14
+ <title><?=$templateName?></title>
15
+ <meta name="description" content="HTML&amp;CSS template">
16
+ <meta name="author" content="Sergii Rudchyk">
17
+ <!-- Mobile Specific Metas -->
18
+ <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
19
+ <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
20
+ <style>
21
+ body{
22
+ background-color: #fafafa;
23
+ font: 1rem Arial, Helvetica, sans-serif;
24
+ }
25
+ a{
26
+ color: #287fc3;
27
+ }
28
+ a:hover{
29
+ text-decoration: none;
30
+ }
31
+ .theme-container{
32
+ max-width: 940px;
33
+ margin: auto;
34
+ }
35
+ .theme-thumbnail,
36
+ .theme-title{
37
+ text-align: center
38
+ }
39
+ .theme-thumbnail{
40
+ padding: 1em;
41
+ }
42
+ .theme-thumbnail-pic{
43
+ box-shadow: 0 0 15px #ccc;
44
+ max-width: 100%;
45
+ }
46
+ .theme-list{
47
+ max-width: 500px;
48
+ margin: auto;
49
+ padding-bottom: 1em;
50
+ }
51
+ @media only screen and (max-width: 1024px) {
52
+ .theme-list{
53
+ padding: 0 1em;
54
+ }
55
+ }
56
+ .fa{
57
+ font-size: 11px;
58
+ }
59
+ </style>
60
+ </head>
61
+ <body>
62
+ <div class="theme-container">
63
+ <h1 class="theme-title"><?=$templateName?></h1>
64
+ <ul class="theme-list">
65
+ <?php
66
+ if ($handle = opendir('.')) {
67
+ foreach (glob("*.html") as $filename) {
68
+ echo "<li class='theme-item'><a href='$filename' target='_blank' class='theme-item-link'>$filename</a> <i class='fa fa-external-link'></i></li>";
69
+ }
70
+ closedir($handle);
71
+ }
72
+ ?>
73
+ </ul>
74
+ <div class="theme-thumbnail">
75
+ <img src="screenshot.jpg" alt="<?=$templateName?>" class="theme-thumbnail-pic">
76
+ </div>
77
+ </div>
78
+ </body>
79
+ </html>
@@ -0,0 +1,3 @@
1
+ $(document).ready(function() {
2
+
3
+ });
@@ -0,0 +1,9 @@
1
+ /*! head.core - v1.0.2 */
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);
3
+ /*! head.css3 - v1.0.0 */
4
+ (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);
5
+ /*! head.load - v1.0.3 */
6
+ (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);
7
+ /*
8
+ //# sourceMappingURL=head.min.js.map
9
+ */
@@ -0,0 +1,49 @@
1
+ var sourcePath = "";
2
+
3
+ function hasClass(elem, className) {
4
+ return new RegExp(' ' + className + ' ').test(' ' + elem.className + ' ');
5
+ }
6
+
7
+ if (head.browser.ie && head.browser.version < 8) {
8
+ location.replace(sourcePath+"ie-old/index.html");
9
+ }
10
+
11
+ if (head.browser.ie && head.browser.version < 9) {
12
+ head.js("http://html5shiv.googlecode.com/svn/trunk/html5.js");
13
+ }
14
+
15
+ head.js(
16
+ "https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js",
17
+ // sourcePath+"js/rform.js",
18
+ // sourcePath+"js/.js",
19
+ // sourcePath+"js/scripts.js",
20
+ // sourcePath+"js/example.js",
21
+ function() {
22
+ // fieldJS
23
+ // $('.field-box-js').fieldJS();
24
+
25
+ // selectJS
26
+ // $('.select-box-js').selectJS();
27
+
28
+ // radioJS
29
+ // $('.radio-box-js').radioJS();
30
+
31
+ /*checkboxJS*/
32
+ // $('.check-box-js').checkboxJS();
33
+
34
+ /*fileJS*/
35
+ // $('.fileload-box-js').fileJS();
36
+ }
37
+ );
38
+
39
+ if (head.browser.ie && head.browser.version < 10 || head.browser.opera) {
40
+ head.js( sourcePath+"js/ph.min.js" );
41
+ }
42
+
43
+ // if (hasClass(document.documentElement, 'body_class')) {
44
+ // head.js(
45
+ // sourcePath+"js/.js",
46
+ // function() {}
47
+ // );
48
+ // }
49
+