edge_framework 0.1.0 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +8 -8
- data/.gitignore +6 -3
- data/assets/sass/edge/_base.scss +78 -28
- data/assets/sass/edge/_components.scss +8 -5
- data/assets/sass/edge/_helpers.scss +18 -1
- data/assets/sass/edge/components/{_block_grid.scss → _block-grid-margin.scss} +25 -12
- data/assets/sass/edge/components/_block-grid.scss +110 -0
- data/assets/sass/edge/components/_button.scss +50 -0
- data/assets/sass/edge/components/_form.scss +3 -1
- data/assets/sass/edge/components/_grid-margin.scss +309 -0
- data/assets/sass/edge/components/_grid.scss +147 -205
- data/assets/sass/edge/components/_main.scss +26 -16
- data/assets/sass/edge/components/_normalize.scss +5 -1
- data/assets/sass/edge/components/_print.scss +6 -1
- data/assets/sass/edge/components/_typography.scss +29 -0
- data/assets/sass/edge/components/_visibility.scss +43 -51
- data/assets/sass/edge.scss +9 -6
- data/assets/sass/for-test.scss +75 -0
- data/bin/edge +5 -1
- data/lib/edge/message.rb +38 -0
- data/lib/edge/version.rb +2 -1
- data/lib/edge_framework.rb +36 -21
- data/site/assets/css/app.css +44 -8
- data/site/assets/css/edge.css +83 -40
- data/site/assets/img/favicon-big.png +0 -0
- data/site/assets/img/favicon.png +0 -0
- data/site/assets/img/logo/edge-full.svg +19 -0
- data/site/assets/img/logo/edge-logo-transparent.svg +10 -0
- data/site/assets/img/logo/edge-logo.svg +19 -0
- data/site/assets/sass/_setting.scss +44 -15
- data/site/assets/sass/app.scss +203 -18
- data/site/assets/sass/edge.scss +2 -2
- data/site/config.rb +1 -1
- data/site/views/docs/grid.erb +44 -69
- data/site/views/index.erb +54 -6
- data/site/views/layout.erb +42 -10
- data/site/views/partials/_logo.erb +5 -0
- data/site/views/partials/_logo_full.erb +14 -0
- data/template/base/.gitignore +243 -0
- data/template/base/assets/css/.keep +0 -0
- data/template/base/assets/files/.keep +0 -0
- data/template/base/assets/img/favicon-big.png +0 -0
- data/template/base/assets/sass/_setting.scss +82 -26
- data/template/base/assets/sass/edge-framework.scss +7 -0
- data/template/base/robots.txt +7 -0
- data/template/html/index.html +4 -3
- data/template/php/index.php +8 -2
- data/template/php/partials/_footer.php +2 -2
- data/template/php/partials/_header.php +20 -4
- data/template/php/sample-page/index.php +11 -0
- metadata +20 -9
- data/assets/js/edge.min.js +0 -1
- data/assets/sass/edge/components/_palette.scss +0 -24
- data/lib/edge/engine.rb +0 -16
- data/site/assets/css/normalize.min.css +0 -51
- data/site/assets/js/vendor/handlebars.min.js +0 -2
- data/template/base/assets/sass/edge.scss +0 -3
data/site/views/layout.erb
CHANGED
|
@@ -9,8 +9,7 @@
|
|
|
9
9
|
|
|
10
10
|
<!-- VENDOR -->
|
|
11
11
|
<script type="text/javascript" src="/js/vendor/custom.modernizr.js"></script>
|
|
12
|
-
<script type="text/javascript" src="/js/vendor/handlebars.
|
|
13
|
-
<link rel="stylesheet" href="/css/normalize.min.css" />
|
|
12
|
+
<script type="text/javascript" src="/js/vendor/handlebars.js"></script>
|
|
14
13
|
<link rel="stylesheet" href="/css/edge.css">
|
|
15
14
|
|
|
16
15
|
<!-- APP Specific -->
|
|
@@ -24,22 +23,55 @@
|
|
|
24
23
|
<script type="text/javascript" src="/js/sh/shBrushJScript.js"></script>
|
|
25
24
|
|
|
26
25
|
<!--WEB FONT-->
|
|
27
|
-
<link href='http://fonts.googleapis.com/css?family=
|
|
28
|
-
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'>
|
|
26
|
+
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700|Bitter:400,700|Source+Code+Pro' rel='stylesheet' type='text/css'>
|
|
29
27
|
</head>
|
|
30
28
|
<body>
|
|
31
29
|
<div id="main-wrapper">
|
|
32
|
-
<
|
|
30
|
+
<header class="top-bar"></header>
|
|
31
|
+
<%= yield %>
|
|
32
|
+
<div id="footer-push"></div>
|
|
33
|
+
</div>
|
|
34
|
+
<footer id="footer">
|
|
35
|
+
<div class="block-footer">
|
|
36
|
+
<div class="row">
|
|
37
|
+
<div class="large-3 small-6 columns">
|
|
38
|
+
<nav>
|
|
39
|
+
<h5 class="footer-nav-title">Documentation</h5>
|
|
40
|
+
<ul class="footer-nav">
|
|
41
|
+
<li><a href="/docs/css/">Stylesheet</a></li>
|
|
42
|
+
<li><a href="/docs/js/">JavaScript</a></li>
|
|
43
|
+
<li><a href="/docs/compass/">Compass</a></li>
|
|
44
|
+
<li><a href="/docs/template/">Template</a></li>
|
|
45
|
+
</ul>
|
|
46
|
+
</nav>
|
|
47
|
+
</div>
|
|
48
|
+
<div class="large-3 small-5 columns">
|
|
49
|
+
<nav>
|
|
50
|
+
<h5 class="footer-nav-title">Keep in Touch</h5>
|
|
51
|
+
<ul class="footer-nav">
|
|
52
|
+
<li><a href="#">Contact</a></li>
|
|
53
|
+
<li><a href="#">Blog</a></li>
|
|
54
|
+
<li><a href="#">Forum</a></li>
|
|
55
|
+
<li><a href="#">Frequently Asked</a></li>
|
|
56
|
+
</ul>
|
|
57
|
+
</nav>
|
|
58
|
+
</div>
|
|
59
|
+
<div class="large-4 columns">
|
|
60
|
+
<div class="about-us">
|
|
61
|
+
<h5 class="footer-nav-title">About Edge</h5>
|
|
62
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta, dolorum voluptate fugit nesciunt inventore placeat nulla culpa quod non doloribus.</p>
|
|
63
|
+
</div>
|
|
64
|
+
</div>
|
|
65
|
+
</div>
|
|
33
66
|
<div class="row">
|
|
34
67
|
<div class="large-12 columns">
|
|
35
|
-
<
|
|
68
|
+
<div class="copyright">
|
|
69
|
+
© 2013 The Syne
|
|
70
|
+
</div>
|
|
36
71
|
</div>
|
|
37
72
|
</div>
|
|
38
73
|
</div>
|
|
39
|
-
|
|
40
|
-
<div id="footer-push"></div>
|
|
41
|
-
</div>
|
|
42
|
-
<footer id="footer"></footer>
|
|
74
|
+
</footer>
|
|
43
75
|
|
|
44
76
|
<!-- Google's Hosted JQuery -->
|
|
45
77
|
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
<svg class="logo" xmlns="http://www.w3.org/2000/svg" viewBox="0 148.445 627.91 528.162">
|
|
2
|
+
<polygon class="logo-shape" fill="#D8BC62" points="627.91,676.607 183.096,676.607 254.161,552.024 555.617,552.024 "/>
|
|
3
|
+
<polygon class="logo-shape" fill="#D8BC62" points="322.594,148.445 544.913,533.601 401.73,534.302 250.827,273.204 "/>
|
|
4
|
+
<polygon class="logo-shape" fill="#D8BC62" points="15.874,676.607 238.369,291.277 310.662,414.983 159.934,676.081 "/>
|
|
5
|
+
</svg>
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<svg class="logo-full" xmlns="http://www.w3.org/2000/svg"viewBox="0 264.626 612 527.374">
|
|
2
|
+
<path class="logo-letter" fill="#D8BC62" d="M151.593,792.107H3.102l92.007-158.708h70.961l-14.477,27.572h-41.557l-20.681,34.847h41.677l-15.511,27.601
|
|
3
|
+
H73.613L50.34,764.317h115.73L151.593,792.107z"/>
|
|
4
|
+
<path class="logo-letter" fill="#D8BC62" d="M612,792.107H440.974V633.4h79.313l15.511,27.572h-61.17v34.846h35.664l15.511,27.573h-51.175v40.926H596.49
|
|
5
|
+
L612,792.107z"/>
|
|
6
|
+
<polygon class="logo-letter" fill="#D8BC62" points="314,764.427 375.1,661.127 382.2,661.127 382.2,661.026 411.7,661.026 427.2,633.427 354.6,633.427
|
|
7
|
+
262.8,792.026 377.5,792.026 393.6,792.026 427.2,792.026 427.2,764.427 427.2,723.326 427.2,695.826 395.6,695.826 383,695.826
|
|
8
|
+
367.5,723.326 395.6,723.326 395.6,764.427 "/>
|
|
9
|
+
<path class="logo-letter" fill="#D8BC62" d="M310.979,633.4h-83.897h-15.985h-33.632v27.572V792h72.652l76.458-132.146L310.979,633.4z M209.029,764.318
|
|
10
|
+
V660.973h81.543l-60.961,103.346H209.029z"/>
|
|
11
|
+
<polygon class="logo-shape" fill="#D8BC62" points="486.5,575.927 224.4,575.927 266.3,502.627 443.9,502.627 "/>
|
|
12
|
+
<polygon class="logo-shape" fill="#D8BC62" points="306.6,264.626 437.6,491.727 353.1,492.127 264.3,338.126 "/>
|
|
13
|
+
<polygon class="logo-shape" fill="#D8BC62" points="125.8,575.927 257,348.827 299.6,421.826 210.6,575.727 "/>
|
|
14
|
+
</svg>
|
|
@@ -0,0 +1,243 @@
|
|
|
1
|
+
#################
|
|
2
|
+
## Eclipse
|
|
3
|
+
#################
|
|
4
|
+
|
|
5
|
+
*.pydevproject
|
|
6
|
+
.project
|
|
7
|
+
.metadata
|
|
8
|
+
bin/
|
|
9
|
+
tmp/
|
|
10
|
+
*.tmp
|
|
11
|
+
*.bak
|
|
12
|
+
*.swp
|
|
13
|
+
*~.nib
|
|
14
|
+
local.properties
|
|
15
|
+
.classpath
|
|
16
|
+
.settings/
|
|
17
|
+
.loadpath
|
|
18
|
+
|
|
19
|
+
# External tool builders
|
|
20
|
+
.externalToolBuilders/
|
|
21
|
+
|
|
22
|
+
# Locally stored "Eclipse launch configurations"
|
|
23
|
+
*.launch
|
|
24
|
+
|
|
25
|
+
# CDT-specific
|
|
26
|
+
.cproject
|
|
27
|
+
|
|
28
|
+
# PDT-specific
|
|
29
|
+
.buildpath
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
#################
|
|
33
|
+
## Visual Studio
|
|
34
|
+
#################
|
|
35
|
+
|
|
36
|
+
## Ignore Visual Studio temporary files, build results, and
|
|
37
|
+
## files generated by popular Visual Studio add-ons.
|
|
38
|
+
|
|
39
|
+
# User-specific files
|
|
40
|
+
*.suo
|
|
41
|
+
*.user
|
|
42
|
+
*.sln.docstates
|
|
43
|
+
|
|
44
|
+
# Build results
|
|
45
|
+
|
|
46
|
+
[Dd]ebug/
|
|
47
|
+
[Rr]elease/
|
|
48
|
+
x64/
|
|
49
|
+
build/
|
|
50
|
+
[Bb]in/
|
|
51
|
+
[Oo]bj/
|
|
52
|
+
|
|
53
|
+
# MSTest test Results
|
|
54
|
+
[Tt]est[Rr]esult*/
|
|
55
|
+
[Bb]uild[Ll]og.*
|
|
56
|
+
|
|
57
|
+
*_i.c
|
|
58
|
+
*_p.c
|
|
59
|
+
*.ilk
|
|
60
|
+
*.meta
|
|
61
|
+
*.obj
|
|
62
|
+
*.pch
|
|
63
|
+
*.pdb
|
|
64
|
+
*.pgc
|
|
65
|
+
*.pgd
|
|
66
|
+
*.rsp
|
|
67
|
+
*.sbr
|
|
68
|
+
*.tlb
|
|
69
|
+
*.tli
|
|
70
|
+
*.tlh
|
|
71
|
+
*.tmp
|
|
72
|
+
*.tmp_proj
|
|
73
|
+
*.log
|
|
74
|
+
*.vspscc
|
|
75
|
+
*.vssscc
|
|
76
|
+
.builds
|
|
77
|
+
*.pidb
|
|
78
|
+
*.log
|
|
79
|
+
*.scc
|
|
80
|
+
|
|
81
|
+
# Visual C++ cache files
|
|
82
|
+
ipch/
|
|
83
|
+
*.aps
|
|
84
|
+
*.ncb
|
|
85
|
+
*.opensdf
|
|
86
|
+
*.sdf
|
|
87
|
+
*.cachefile
|
|
88
|
+
|
|
89
|
+
# Visual Studio profiler
|
|
90
|
+
*.psess
|
|
91
|
+
*.vsp
|
|
92
|
+
*.vspx
|
|
93
|
+
|
|
94
|
+
# Guidance Automation Toolkit
|
|
95
|
+
*.gpState
|
|
96
|
+
|
|
97
|
+
# ReSharper is a .NET coding add-in
|
|
98
|
+
_ReSharper*/
|
|
99
|
+
*.[Rr]e[Ss]harper
|
|
100
|
+
|
|
101
|
+
# TeamCity is a build add-in
|
|
102
|
+
_TeamCity*
|
|
103
|
+
|
|
104
|
+
# DotCover is a Code Coverage Tool
|
|
105
|
+
*.dotCover
|
|
106
|
+
|
|
107
|
+
# NCrunch
|
|
108
|
+
*.ncrunch*
|
|
109
|
+
.*crunch*.local.xml
|
|
110
|
+
|
|
111
|
+
# Installshield output folder
|
|
112
|
+
[Ee]xpress/
|
|
113
|
+
|
|
114
|
+
# DocProject is a documentation generator add-in
|
|
115
|
+
DocProject/buildhelp/
|
|
116
|
+
DocProject/Help/*.HxT
|
|
117
|
+
DocProject/Help/*.HxC
|
|
118
|
+
DocProject/Help/*.hhc
|
|
119
|
+
DocProject/Help/*.hhk
|
|
120
|
+
DocProject/Help/*.hhp
|
|
121
|
+
DocProject/Help/Html2
|
|
122
|
+
DocProject/Help/html
|
|
123
|
+
|
|
124
|
+
# Click-Once directory
|
|
125
|
+
publish/
|
|
126
|
+
|
|
127
|
+
# Publish Web Output
|
|
128
|
+
*.Publish.xml
|
|
129
|
+
*.pubxml
|
|
130
|
+
|
|
131
|
+
# NuGet Packages Directory
|
|
132
|
+
## TODO: If you have NuGet Package Restore enabled, uncomment the next line
|
|
133
|
+
#packages/
|
|
134
|
+
|
|
135
|
+
# Windows Azure Build Output
|
|
136
|
+
csx
|
|
137
|
+
*.build.csdef
|
|
138
|
+
|
|
139
|
+
# Windows Store app package directory
|
|
140
|
+
AppPackages/
|
|
141
|
+
|
|
142
|
+
# Others
|
|
143
|
+
sql/
|
|
144
|
+
*.Cache
|
|
145
|
+
ClientBin/
|
|
146
|
+
[Ss]tyle[Cc]op.*
|
|
147
|
+
~$*
|
|
148
|
+
*~
|
|
149
|
+
*.dbmdl
|
|
150
|
+
*.[Pp]ublish.xml
|
|
151
|
+
*.pfx
|
|
152
|
+
*.publishsettings
|
|
153
|
+
|
|
154
|
+
# RIA/Silverlight projects
|
|
155
|
+
Generated_Code/
|
|
156
|
+
|
|
157
|
+
# Backup & report files from converting an old project file to a newer
|
|
158
|
+
# Visual Studio version. Backup files are not needed, because we have git ;-)
|
|
159
|
+
_UpgradeReport_Files/
|
|
160
|
+
Backup*/
|
|
161
|
+
UpgradeLog*.XML
|
|
162
|
+
UpgradeLog*.htm
|
|
163
|
+
|
|
164
|
+
# SQL Server files
|
|
165
|
+
App_Data/*.mdf
|
|
166
|
+
App_Data/*.ldf
|
|
167
|
+
|
|
168
|
+
#############
|
|
169
|
+
## Windows detritus
|
|
170
|
+
#############
|
|
171
|
+
|
|
172
|
+
# Windows image file caches
|
|
173
|
+
Thumbs.db
|
|
174
|
+
ehthumbs.db
|
|
175
|
+
|
|
176
|
+
# Folder config file
|
|
177
|
+
Desktop.ini
|
|
178
|
+
|
|
179
|
+
# Recycle Bin used on file shares
|
|
180
|
+
$RECYCLE.BIN/
|
|
181
|
+
|
|
182
|
+
# Mac crap
|
|
183
|
+
.DS_Store
|
|
184
|
+
|
|
185
|
+
|
|
186
|
+
#############
|
|
187
|
+
## Python
|
|
188
|
+
#############
|
|
189
|
+
|
|
190
|
+
*.py[co]
|
|
191
|
+
|
|
192
|
+
# Packages
|
|
193
|
+
*.egg
|
|
194
|
+
*.egg-info
|
|
195
|
+
dist/
|
|
196
|
+
build/
|
|
197
|
+
eggs/
|
|
198
|
+
parts/
|
|
199
|
+
var/
|
|
200
|
+
sdist/
|
|
201
|
+
develop-eggs/
|
|
202
|
+
.installed.cfg
|
|
203
|
+
|
|
204
|
+
# Installer logs
|
|
205
|
+
pip-log.txt
|
|
206
|
+
|
|
207
|
+
# Unit test / coverage reports
|
|
208
|
+
.coverage
|
|
209
|
+
.tox
|
|
210
|
+
|
|
211
|
+
#Translations
|
|
212
|
+
*.mo
|
|
213
|
+
|
|
214
|
+
#Mr Developer
|
|
215
|
+
.mr.developer.cfg
|
|
216
|
+
|
|
217
|
+
#############
|
|
218
|
+
## SASS
|
|
219
|
+
#############
|
|
220
|
+
.sass-cache
|
|
221
|
+
|
|
222
|
+
########
|
|
223
|
+
# RUBY
|
|
224
|
+
########
|
|
225
|
+
*.gem
|
|
226
|
+
*.rbc
|
|
227
|
+
.bundle
|
|
228
|
+
.config
|
|
229
|
+
.yardoc
|
|
230
|
+
Gemfile.lock
|
|
231
|
+
InstalledFiles
|
|
232
|
+
_yardoc
|
|
233
|
+
coverage
|
|
234
|
+
doc/
|
|
235
|
+
lib/bundler/man
|
|
236
|
+
pkg
|
|
237
|
+
rdoc
|
|
238
|
+
spec/reports
|
|
239
|
+
test/tmp
|
|
240
|
+
test/version_tmp
|
|
241
|
+
tmp
|
|
242
|
+
|
|
243
|
+
.gitattributes
|
|
File without changes
|
|
File without changes
|
|
Binary file
|
|
@@ -1,50 +1,106 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
|
-
|
|
3
2
|
@import "edge/base";
|
|
4
3
|
|
|
5
4
|
// Settings file to override Edge variables
|
|
5
|
+
// To override, uncomment the variable and set the new value
|
|
6
|
+
|
|
7
|
+
// ---------------
|
|
8
|
+
// OUTPUT CONFIG
|
|
9
|
+
// ---------------
|
|
10
|
+
|
|
11
|
+
// $full : true; // Output full CSS styling. If false, only gives barebone CSS
|
|
12
|
+
// $debug : false; // No effect currently, might be used in the future
|
|
13
|
+
|
|
14
|
+
// $include-main : true;
|
|
15
|
+
// $include-grid : true;
|
|
16
|
+
// $include-block-grid : true;
|
|
17
|
+
// $include-visibility : true;
|
|
6
18
|
|
|
19
|
+
// $include-button : true;
|
|
20
|
+
// $include-form : true;
|
|
21
|
+
// $include-typography : true;
|
|
22
|
+
|
|
23
|
+
// $include-normalize : true;
|
|
24
|
+
// $include-print : true;
|
|
25
|
+
|
|
26
|
+
// ------
|
|
7
27
|
// BODY
|
|
8
28
|
// ------
|
|
9
|
-
// $
|
|
10
|
-
// $body-font-
|
|
11
|
-
// $body-
|
|
12
|
-
// $body-font-
|
|
29
|
+
// $body-bg : #fff;
|
|
30
|
+
// $body-font-color : #222;
|
|
31
|
+
// $body-font-weight : normal;
|
|
32
|
+
// $body-font-style : normal;
|
|
33
|
+
|
|
34
|
+
// $header-font-family : "Helvetica Neue", "Helvetica", Helvetica, Arial, "sans-serif";
|
|
35
|
+
// $body-font-family : "Helvetica", Helvetica, Arial, "sans-serif";
|
|
36
|
+
// $code-font-family : "Consolas", Courier, "monospace";
|
|
13
37
|
|
|
38
|
+
// $base-font-size : 100%; // 100% is normally 16px
|
|
39
|
+
// $content-width : 1140px; // Maximum width of the grid
|
|
40
|
+
|
|
41
|
+
// ----------
|
|
14
42
|
// COLOR
|
|
15
|
-
//
|
|
16
|
-
//
|
|
17
|
-
// $
|
|
18
|
-
// $
|
|
19
|
-
|
|
43
|
+
// ----------
|
|
44
|
+
// Two main colors of your site
|
|
45
|
+
// $main-color : #0173BC;
|
|
46
|
+
// $sub-color : #E9E9E9;
|
|
47
|
+
|
|
48
|
+
// These 5 colors below should NEVER be used directly
|
|
49
|
+
// set to another variable like $header-color: $blue-color;
|
|
50
|
+
// $passive-color : #E9E9E9;
|
|
51
|
+
// $blue-color : #0173BC;
|
|
52
|
+
// $yellow-color : #DBA924;
|
|
53
|
+
// $red-color : #DA2E18;
|
|
54
|
+
// $green-color : #2CAE34;
|
|
20
55
|
|
|
21
|
-
//
|
|
22
|
-
//
|
|
23
|
-
//
|
|
24
|
-
// $
|
|
56
|
+
// ---------------
|
|
57
|
+
// GLOBAL VALUE
|
|
58
|
+
// ---------------
|
|
59
|
+
// $g-radius : 5px;
|
|
60
|
+
// $g-round : 1000px;
|
|
61
|
+
// $g-transition : all 0.2s ease-out;
|
|
25
62
|
|
|
63
|
+
// $em-base : 16px; // Base size for px -> em conversion
|
|
64
|
+
|
|
65
|
+
// -------------------
|
|
26
66
|
// MEDIA QUERIES
|
|
27
67
|
// -------------------
|
|
28
|
-
// $phone-screen :
|
|
29
|
-
// $small-screen :
|
|
30
|
-
// $medium-screen :
|
|
31
|
-
// $large-screen :
|
|
68
|
+
// $phone-screen : 480px;
|
|
69
|
+
// $small-screen : 767px; // Right below iPad
|
|
70
|
+
// $medium-screen : 1140px;
|
|
71
|
+
// $large-screen : 1440px;
|
|
32
72
|
// $retina-screen : 192dpi;
|
|
33
73
|
|
|
74
|
+
// ------------------
|
|
34
75
|
// TEXT DIRECTION
|
|
35
|
-
//
|
|
76
|
+
// ------------------
|
|
36
77
|
// $text-direction : ltr; // Controls default global text direction, 'rtl' or 'ltr'
|
|
37
78
|
|
|
79
|
+
// ---------------
|
|
80
|
+
// Typography
|
|
81
|
+
// ---------------
|
|
82
|
+
// $h1-font-size: em(44px);
|
|
83
|
+
// $h2-font-size: em(37px);
|
|
84
|
+
// $h3-font-size: em(27px);
|
|
85
|
+
// $h4-font-size: em(23px);
|
|
86
|
+
// $h5-font-size: em(18px);
|
|
87
|
+
// $h6-font-size: 1em;
|
|
38
88
|
|
|
89
|
+
// $header-font-weight: 700;
|
|
90
|
+
|
|
91
|
+
// --------
|
|
39
92
|
// GRID
|
|
40
93
|
// --------
|
|
41
|
-
// $
|
|
42
|
-
// $
|
|
43
|
-
// $column-margin : em(25px); // Margin between column at maximum row's width
|
|
94
|
+
// $column-distance : 30px;
|
|
95
|
+
// $row-max-width : $content-width;
|
|
44
96
|
// $total-columns : 12;
|
|
45
97
|
|
|
98
|
+
// ------------
|
|
46
99
|
// BLOCK-GRID
|
|
47
|
-
//
|
|
48
|
-
// $block-
|
|
49
|
-
// $
|
|
50
|
-
|
|
100
|
+
// ------------
|
|
101
|
+
// $block-distance : em(15px);
|
|
102
|
+
// $max-blocks : 12;
|
|
103
|
+
|
|
104
|
+
// BUTTON
|
|
105
|
+
// ----------
|
|
106
|
+
// $button-padding : em(10px 20px);
|
data/template/html/index.html
CHANGED
|
@@ -5,13 +5,14 @@
|
|
|
5
5
|
<meta name="viewport" content="width=device-width" />
|
|
6
6
|
<title>My Website</title>
|
|
7
7
|
<link rel="icon" type="image/png" href="assets/img/favicon.ico">
|
|
8
|
+
<link rel="apple-touch-icon-precomposed" href="assets/img/favicon-big.png" />
|
|
8
9
|
|
|
9
10
|
<!-- VENDOR -->
|
|
10
11
|
<script type="text/javascript" src="assets/js/vendor/custom.modernizr.js"></script>
|
|
11
|
-
<link rel="stylesheet" href="assets/css/edge.css">
|
|
12
|
+
<link rel="stylesheet" href="assets/css/edge-framework.css">
|
|
12
13
|
|
|
13
14
|
<!-- APP Specific -->
|
|
14
|
-
<link rel="stylesheet" href="/css/app.css">
|
|
15
|
+
<link rel="stylesheet" href="assets/css/app.css">
|
|
15
16
|
</head>
|
|
16
17
|
<body>
|
|
17
18
|
<div id="main-wrapper">
|
|
@@ -27,7 +28,7 @@
|
|
|
27
28
|
<script type="text/javascript">
|
|
28
29
|
// Use local jquery, if Google's one fails to load
|
|
29
30
|
if (typeof jQuery == 'undefined') {
|
|
30
|
-
document.write(unescape("%3Cscript src='assets/js/jquery.min.js' type='text/javascript'%3E%3C/script%3E"));
|
|
31
|
+
document.write(unescape("%3Cscript src='assets/js/vendor/jquery.min.js' type='text/javascript'%3E%3C/script%3E"));
|
|
31
32
|
}
|
|
32
33
|
</script>
|
|
33
34
|
<script type="text/javascript" src="assets/js/app.js"></script>
|
data/template/php/index.php
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
<?php include 'partials/_header.php'; ?>
|
|
2
2
|
|
|
3
|
-
<!--
|
|
3
|
+
<!-- Sample content to show how the $root works -->
|
|
4
|
+
<div class="row">
|
|
5
|
+
<div class="large-6 large-centered columns">
|
|
6
|
+
<h1>Home page</h1>
|
|
7
|
+
<a href="<?php echo $root; ?>sample-page" class="button">Go</a>
|
|
8
|
+
</div>
|
|
9
|
+
</div>
|
|
4
10
|
|
|
5
|
-
<?php include 'partials/_footer.php'; ?>
|
|
11
|
+
<?php include $root.'partials/_footer.php'; ?>
|
|
@@ -7,9 +7,9 @@
|
|
|
7
7
|
<script type="text/javascript">
|
|
8
8
|
// Use local jquery, if Google's fails to load
|
|
9
9
|
if (typeof jQuery == 'undefined') {
|
|
10
|
-
document.write(unescape("%3Cscript src='assets/js/jquery.min.js' type='text/javascript'%3E%3C/script%3E"));
|
|
10
|
+
document.write(unescape("%3Cscript src='assets/js/vendor/jquery.min.js' type='text/javascript'%3E%3C/script%3E"));
|
|
11
11
|
}
|
|
12
12
|
</script>
|
|
13
|
-
<script type="text/javascript" src="
|
|
13
|
+
<script type="text/javascript" src="<?php echo $js; ?>app.js"></script>
|
|
14
14
|
</body>
|
|
15
15
|
</html>
|
|
@@ -1,17 +1,33 @@
|
|
|
1
1
|
<!doctype html>
|
|
2
2
|
<html lang="en">
|
|
3
|
+
<?php
|
|
4
|
+
// Set relative path to Root directory
|
|
5
|
+
function to_root() {
|
|
6
|
+
$folder_depth = substr_count($_SERVER["PHP_SELF"] , "/");
|
|
7
|
+
|
|
8
|
+
if($folder_depth == false)
|
|
9
|
+
$folder_depth = 1;
|
|
10
|
+
|
|
11
|
+
return str_repeat("../", $folder_depth - 2);
|
|
12
|
+
}
|
|
13
|
+
$root = to_root();
|
|
14
|
+
$img = to_root().'assets/img/';
|
|
15
|
+
$css = to_root().'assets/css/';
|
|
16
|
+
$js = to_root().'assets/js/';
|
|
17
|
+
?>
|
|
3
18
|
<head>
|
|
4
19
|
<meta charset="UTF-8">
|
|
5
20
|
<meta name="viewport" content="width=device-width" />
|
|
6
21
|
<title>My Website</title>
|
|
7
|
-
<link rel="icon" type="image/png" href="
|
|
22
|
+
<link rel="icon" type="image/png" href="<?php echo $img; ?>favicon.ico">
|
|
23
|
+
<link rel="apple-touch-icon-precomposed" href="<?php echo $img; ?>favicon-big.png" />
|
|
8
24
|
|
|
9
25
|
<!-- VENDOR -->
|
|
10
|
-
<script type="text/javascript" src="
|
|
11
|
-
<link rel="stylesheet" href="
|
|
26
|
+
<script type="text/javascript" src="<?php echo $js; ?>vendor/custom.modernizr.js"></script>
|
|
27
|
+
<link rel="stylesheet" href="<?php echo $css; ?>edge-framework.css">
|
|
12
28
|
|
|
13
29
|
<!-- APP Specific -->
|
|
14
|
-
<link rel="stylesheet" href="
|
|
30
|
+
<link rel="stylesheet" href="<?php echo $css; ?>app.css">
|
|
15
31
|
</head>
|
|
16
32
|
<body>
|
|
17
33
|
<div id="main-wrapper">
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
<?php include '../partials/_header.php'; ?>
|
|
2
|
+
|
|
3
|
+
<!-- Sample content to show how the $root works -->
|
|
4
|
+
<div class="row">
|
|
5
|
+
<div class="large-6 large-centered columns">
|
|
6
|
+
<h1>Sample page</h1>
|
|
7
|
+
<a href="<?php echo $root ?>" class="button">Go back</a>
|
|
8
|
+
</div>
|
|
9
|
+
</div>
|
|
10
|
+
|
|
11
|
+
<?php include $root.'partials/_footer.php'; ?>
|