compass-vikingR-template 1.2.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +7 -0
- data/README.md +97 -0
- data/lib/compass-vikingR-template.rb +60 -0
- data/lib/config.rb +8 -0
- data/templates/project/css/dev.css +3 -0
- data/templates/project/files/compass_watch.bat +1 -0
- data/templates/project/files/readme.txt +31 -0
- data/templates/project/files/screenshot.jpg +0 -0
- data/templates/project/ie-old/favicon.ico +0 -0
- data/templates/project/ie-old/images/as.jpg +0 -0
- data/templates/project/ie-old/images/bg_span_wol.gif +0 -0
- data/templates/project/ie-old/images/f.jpg +0 -0
- data/templates/project/ie-old/images/gc.jpg +0 -0
- data/templates/project/ie-old/images/h.jpg +0 -0
- data/templates/project/ie-old/images/ie.jpg +0 -0
- data/templates/project/ie-old/images/mf.jpg +0 -0
- data/templates/project/ie-old/images/op.jpg +0 -0
- data/templates/project/ie-old/images/td1.jpg +0 -0
- data/templates/project/ie-old/images/td2.jpg +0 -0
- data/templates/project/ie-old/images/td3.jpg +0 -0
- data/templates/project/ie-old/index.html +175 -0
- data/templates/project/images/favicon.png +0 -0
- data/templates/project/images/loading.gif +0 -0
- data/templates/project/images/noimg.jpg +0 -0
- data/templates/project/index.html +29 -0
- data/templates/project/index.php +79 -0
- data/templates/project/js/example.js +3 -0
- data/templates/project/js/head.min.js +9 -0
- data/templates/project/js/init.js +49 -0
- data/templates/project/js/ph.js +33 -0
- data/templates/project/js/ph.min.js +2 -0
- data/templates/project/js/rform.js +228 -0
- data/templates/project/js/scripts.js +3 -0
- data/templates/project/manifest.rb +78 -0
- data/templates/project/sass/_all.scss +1 -0
- data/templates/project/sass/_browsers.scss +49 -0
- data/templates/project/sass/_buttons.scss +54 -0
- data/templates/project/sass/_content.scss +7 -0
- data/templates/project/sass/_default.scss +252 -0
- data/templates/project/sass/_footer.scss +5 -0
- data/templates/project/sass/_formstyle.scss +130 -0
- data/templates/project/sass/_global.scss +38 -0
- data/templates/project/sass/_header.scss +5 -0
- data/templates/project/sass/_icons.scss +40 -0
- data/templates/project/sass/_layout.scss +3 -0
- data/templates/project/sass/_mixins.scss +318 -0
- data/templates/project/sass/_reset.scss +455 -0
- data/templates/project/sass/_responsive.scss +25 -0
- data/templates/project/sass/_rforms.scss +213 -0
- data/templates/project/sass/_typography.scss +105 -0
- data/templates/project/sass/_variables.scss +69 -0
- data/templates/project/sass/index.scss +35 -0
- 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 @@
|
|
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 - При отключении поля.
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
Binary file
|
@@ -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> </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> </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> </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> </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
|
Binary file
|
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&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,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
|
+
|