survivalkit 1.0.beta.8 → 1.0.beta.9
Sign up to get free protection for your applications and to get access to all the features.
- data/CHANGELOG.markdown +3 -0
- data/README.markdown +2 -2
- data/lib/survivalkit.rb +3 -2
- data/stylesheets/survivalkit/fonts/_font-awesome.scss +355 -0
- data/stylesheets/survivalkit/fonts/_league-gothic.scss +46 -0
- data/stylesheets/survivalkit/fonts/_ostrich-sans.scss +69 -0
- data/stylesheets/survivalkit/mixins/_ui.scss +22 -12
- data/stylesheets/survivalkit/survival-kit/_survival-kit.sass +157 -0
- data/templates/clean/manifest.rb +94 -0
- data/templates/drupal/script.js +2 -17
- data/templates/project/libs/jquery-1.8.2.min.js +2 -0
- data/templates/project/libs/modernizr-2.6.2.min.js +815 -0
- data/templates/project/manifest.rb +46 -27
- data/templates/project/script.js +2 -17
- data/templates/project/sources/FitText/README.md +52 -0
- data/templates/project/sources/FitText/example.html +60 -0
- data/templates/project/sources/FitText/jquery.fittext.js +43 -0
- data/templates/shared/fonts/font-awesome/fontawesome-webfont.eot +0 -0
- data/templates/shared/fonts/font-awesome/fontawesome-webfont.svg +255 -0
- data/templates/shared/fonts/font-awesome/fontawesome-webfont.ttf +0 -0
- data/templates/shared/fonts/font-awesome/fontawesome-webfont.woff +0 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-condensed-italic-webfont.eot +0 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-condensed-italic-webfont.svg +224 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-condensed-italic-webfont.ttf +0 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-condensed-italic-webfont.woff +0 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-condensed-regular-webfont.eot +0 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-condensed-regular-webfont.svg +224 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-condensed-regular-webfont.ttf +0 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-condensed-regular-webfont.woff +0 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-italic-webfont.eot +0 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-italic-webfont.svg +224 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-italic-webfont.ttf +0 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-italic-webfont.woff +0 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-regular-webfont.eot +0 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-regular-webfont.svg +223 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-regular-webfont.ttf +0 -0
- data/templates/shared/fonts/league-gothic/leaguegothic-regular-webfont.woff +0 -0
- data/templates/shared/fonts/ostrich/ostrich-black-webfont.eot +0 -0
- data/templates/shared/fonts/ostrich/ostrich-black-webfont.svg +141 -0
- data/templates/shared/fonts/ostrich/ostrich-black-webfont.ttf +0 -0
- data/templates/shared/fonts/ostrich/ostrich-black-webfont.woff +0 -0
- data/templates/shared/fonts/ostrich/ostrich-bold-webfont.eot +0 -0
- data/templates/shared/fonts/ostrich/ostrich-bold-webfont.svg +141 -0
- data/templates/shared/fonts/ostrich/ostrich-bold-webfont.ttf +0 -0
- data/templates/shared/fonts/ostrich/ostrich-bold-webfont.woff +0 -0
- data/templates/shared/fonts/ostrich/ostrich-dashed-webfont.eot +0 -0
- data/templates/shared/fonts/ostrich/ostrich-dashed-webfont.svg +141 -0
- data/templates/shared/fonts/ostrich/ostrich-dashed-webfont.ttf +0 -0
- data/templates/shared/fonts/ostrich/ostrich-dashed-webfont.woff +0 -0
- data/templates/shared/fonts/ostrich/ostrich-light-webfont.eot +0 -0
- data/templates/shared/fonts/ostrich/ostrich-light-webfont.svg +140 -0
- data/templates/shared/fonts/ostrich/ostrich-light-webfont.ttf +0 -0
- data/templates/shared/fonts/ostrich/ostrich-light-webfont.woff +0 -0
- data/templates/shared/fonts/ostrich/ostrich-regular-webfont.eot +0 -0
- data/templates/shared/fonts/ostrich/ostrich-regular-webfont.svg +141 -0
- data/templates/shared/fonts/ostrich/ostrich-regular-webfont.ttf +0 -0
- data/templates/shared/fonts/ostrich/ostrich-regular-webfont.woff +0 -0
- data/templates/shared/fonts/ostrich/ostrich-rounded-webfont.eot +0 -0
- data/templates/shared/fonts/ostrich/ostrich-rounded-webfont.svg +141 -0
- data/templates/shared/fonts/ostrich/ostrich-rounded-webfont.ttf +0 -0
- data/templates/shared/fonts/ostrich/ostrich-rounded-webfont.woff +0 -0
- data/templates/shared/partials/01-variables/_colors.scss +1 -1
- data/templates/shared/partials/01-variables/_fonts.scss +10 -0
- data/templates/shared/partials/06-ui-patterns/_drupal-patterns.scss +4 -5
- data/templates/shared/partials/07-styletile/_tile-design.scss +2 -2
- data/templates/shared/style.scss +2 -1
- metadata +73 -187
- data/stylesheets/survivalkit/survival_kit/_survival-kit.scss +0 -145
- data/templates/drupal/libs/320-up/helper.js +0 -146
- data/templates/drupal/libs/320-up/imgSizer.js +0 -61
- data/templates/drupal/libs/dd_belatedpng.js +0 -13
- data/templates/drupal/libs/formalize/README.txt +0 -11
- data/templates/drupal/libs/formalize/dojo.formalize.js +0 -174
- data/templates/drupal/libs/formalize/extjs.formalize.js +0 -168
- data/templates/drupal/libs/formalize/jquery.formalize.js +0 -158
- data/templates/drupal/libs/formalize/mootools.formalize.js +0 -163
- data/templates/drupal/libs/formalize/prototype.formalize.js +0 -171
- data/templates/drupal/libs/formalize/yui.formalize.js +0 -168
- data/templates/drupal/libs/jquery-1.6.js +0 -8865
- data/templates/drupal/libs/jquery-1.6.min.js +0 -16
- data/templates/drupal/libs/modernizr-2.0.min.js +0 -4
- data/templates/drupal/libs/mootools-core-1.3.1-full-compat-yc.js +0 -485
- data/templates/drupal/libs/plugins.js +0 -58
- data/templates/drupal/libs/respond.min.js +0 -7
- data/templates/drupal/libs/selectivizr-min.js +0 -5
- data/templates/drupal/libs/selectivizr.js +0 -5
- data/templates/project/files/apple-touch-icon-114x114-precomposed.png +0 -0
- data/templates/project/files/apple-touch-icon-72x72-precomposed.png +0 -0
- data/templates/project/files/apple-touch-icon.png +0 -0
- data/templates/project/files/crossdomain.xml +0 -25
- data/templates/project/files/favicon.ico +0 -0
- data/templates/project/files/favicon.png +0 -0
- data/templates/project/files/google.yml +0 -22
- data/templates/project/files/htaccess.htaccess +0 -478
- data/templates/project/files/html/404.html +0 -22
- data/templates/project/files/html/formalize_jquery_demo.html +0 -288
- data/templates/project/files/html/formalize_jquery_disabled.html +0 -288
- data/templates/project/files/html/formalize_jquery_errors.html +0 -288
- data/templates/project/files/html/index.html +0 -100
- data/templates/project/files/html/survivalkit/elements-common.html +0 -588
- data/templates/project/files/html/survivalkit/elements-html5.html +0 -2988
- data/templates/project/files/html/survivalkit/elements-typography.html +0 -240
- data/templates/project/files/html/survivalkit/elements-ui-patterns-drupal-css.html +0 -1883
- data/templates/project/files/html/survivalkit/elements-ui-patterns-drupal.html +0 -1882
- data/templates/project/files/html/survivalkit/elements-ui-patterns.html +0 -267
- data/templates/project/files/html/survivalkit/index.html +0 -132
- data/templates/project/files/html/survivalkit/styletile/index.html +0 -1
- data/templates/project/files/html/survivalkit/styletile/styletile.html +0 -215
- data/templates/project/files/humans.txt +0 -43
- data/templates/project/files/robots.txt +0 -5
- data/templates/project/libs/320-up/helper.js +0 -146
- data/templates/project/libs/320-up/imgSizer.js +0 -61
- data/templates/project/libs/jquery-1.6.js +0 -8865
- data/templates/project/libs/jquery-1.6.min.js +0 -16
- data/templates/project/libs/modernizr-2.0.min.js +0 -4
- data/templates/project/libs/plugins.js +0 -58
- data/templates/project/libs/selectivizr.js +0 -5
- data/templates/project/templates/_flashes.html.haml +0 -4
- data/templates/project/templates/_footer.html.haml +0 -2
- data/templates/project/templates/_head.html.haml +0 -26
- data/templates/project/templates/_header.html.haml +0 -1
- data/templates/project/templates/_javascripts.html.haml +0 -27
- data/templates/project/templates/_stylesheets.html.haml +0 -5
- data/templates/project/templates/application.html.haml +0 -28
- data/templates/project/templates/old/_layout.haml +0 -1
- data/templates/project/templates/old/home.html.haml +0 -14
- data/templates/project/templates/old/layouts/default.haml +0 -62
- data/templates/project/templates/old/layouts/survivalkit/default.haml +0 -64
- data/templates/project/templates/old/layouts/survivalkit/styletile.haml +0 -64
- data/templates/project/templates/old/survivalkit/_layout.haml +0 -1
- data/templates/project/templates/old/survivalkit/elements-common.haml +0 -33
- data/templates/project/templates/old/survivalkit/elements-html5.haml +0 -71
- data/templates/project/templates/old/survivalkit/elements-typography.haml +0 -100
- data/templates/project/templates/old/survivalkit/elements-ui-patterns-drupal.haml +0 -38
- data/templates/project/templates/old/survivalkit/elements-ui-patterns.haml +0 -23
- data/templates/project/templates/old/survivalkit/index.haml +0 -2
- data/templates/project/templates/old/survivalkit/partials/common/abbr.haml +0 -8
- data/templates/project/templates/old/survivalkit/partials/common/acronym.haml +0 -8
- data/templates/project/templates/old/survivalkit/partials/common/characters.haml +0 -11
- data/templates/project/templates/old/survivalkit/partials/common/cite.haml +0 -12
- data/templates/project/templates/old/survivalkit/partials/common/code.haml +0 -8
- data/templates/project/templates/old/survivalkit/partials/common/dfn.haml +0 -8
- data/templates/project/templates/old/survivalkit/partials/common/em.haml +0 -10
- data/templates/project/templates/old/survivalkit/partials/common/forms.haml +0 -27
- data/templates/project/templates/old/survivalkit/partials/common/headers.haml +0 -23
- data/templates/project/templates/old/survivalkit/partials/common/inline-images.haml +0 -9
- data/templates/project/templates/old/survivalkit/partials/common/kbd.haml +0 -10
- data/templates/project/templates/old/survivalkit/partials/common/links.haml +0 -10
- data/templates/project/templates/old/survivalkit/partials/common/lists.haml +0 -55
- data/templates/project/templates/old/survivalkit/partials/common/others.haml +0 -35
- data/templates/project/templates/old/survivalkit/partials/common/paragraphs.haml +0 -15
- data/templates/project/templates/old/survivalkit/partials/common/pre.haml +0 -27
- data/templates/project/templates/old/survivalkit/partials/common/q.haml +0 -8
- data/templates/project/templates/old/survivalkit/partials/common/samp.haml +0 -8
- data/templates/project/templates/old/survivalkit/partials/common/strong.haml +0 -8
- data/templates/project/templates/old/survivalkit/partials/common/tables.haml +0 -43
- data/templates/project/templates/old/survivalkit/partials/common/var.haml +0 -8
- data/templates/project/templates/old/survivalkit/partials/header-styletile.haml +0 -9
- data/templates/project/templates/old/survivalkit/partials/header.haml +0 -6
- data/templates/project/templates/old/survivalkit/partials/html5/a.haml +0 -36
- data/templates/project/templates/old/survivalkit/partials/html5/abbr.haml +0 -26
- data/templates/project/templates/old/survivalkit/partials/html5/address.haml +0 -27
- data/templates/project/templates/old/survivalkit/partials/html5/all-headings.haml +0 -31
- data/templates/project/templates/old/survivalkit/partials/html5/article.haml +0 -22
- data/templates/project/templates/old/survivalkit/partials/html5/aside.haml +0 -20
- data/templates/project/templates/old/survivalkit/partials/html5/b.haml +0 -21
- data/templates/project/templates/old/survivalkit/partials/html5/bdi.haml +0 -30
- data/templates/project/templates/old/survivalkit/partials/html5/blockquote.haml +0 -32
- data/templates/project/templates/old/survivalkit/partials/html5/cite.haml +0 -46
- data/templates/project/templates/old/survivalkit/partials/html5/code.haml +0 -70
- data/templates/project/templates/old/survivalkit/partials/html5/details.haml +0 -42
- data/templates/project/templates/old/survivalkit/partials/html5/dfn.haml +0 -52
- data/templates/project/templates/old/survivalkit/partials/html5/dl.haml +0 -69
- data/templates/project/templates/old/survivalkit/partials/html5/em.haml +0 -15
- data/templates/project/templates/old/survivalkit/partials/html5/fieldset.haml +0 -49
- data/templates/project/templates/old/survivalkit/partials/html5/figure.haml +0 -48
- data/templates/project/templates/old/survivalkit/partials/html5/footer.haml +0 -37
- data/templates/project/templates/old/survivalkit/partials/html5/header.haml +0 -44
- data/templates/project/templates/old/survivalkit/partials/html5/hgroup.haml +0 -20
- data/templates/project/templates/old/survivalkit/partials/html5/hr.haml +0 -52
- data/templates/project/templates/old/survivalkit/partials/html5/i.haml +0 -28
- data/templates/project/templates/old/survivalkit/partials/html5/kbd.haml +0 -19
- data/templates/project/templates/old/survivalkit/partials/html5/label.haml +0 -18
- data/templates/project/templates/old/survivalkit/partials/html5/li.haml +0 -91
- data/templates/project/templates/old/survivalkit/partials/html5/mark.haml +0 -30
- data/templates/project/templates/old/survivalkit/partials/html5/menu.haml +0 -39
- data/templates/project/templates/old/survivalkit/partials/html5/nav.haml +0 -68
- data/templates/project/templates/old/survivalkit/partials/html5/ol.haml +0 -23
- data/templates/project/templates/old/survivalkit/partials/html5/p.haml +0 -41
- data/templates/project/templates/old/survivalkit/partials/html5/pre.haml +0 -48
- data/templates/project/templates/old/survivalkit/partials/html5/q.haml +0 -34
- data/templates/project/templates/old/survivalkit/partials/html5/ruby.haml +0 -55
- data/templates/project/templates/old/survivalkit/partials/html5/s.haml +0 -17
- data/templates/project/templates/old/survivalkit/partials/html5/samp.haml +0 -27
- data/templates/project/templates/old/survivalkit/partials/html5/sample-forms.haml +0 -52
- data/templates/project/templates/old/survivalkit/partials/html5/sample-tables.haml +0 -152
- data/templates/project/templates/old/survivalkit/partials/html5/section.haml +0 -21
- data/templates/project/templates/old/survivalkit/partials/html5/small.haml +0 -33
- data/templates/project/templates/old/survivalkit/partials/html5/strong.haml +0 -25
- data/templates/project/templates/old/survivalkit/partials/html5/sub-sup.haml +0 -58
- data/templates/project/templates/old/survivalkit/partials/html5/table.haml +0 -196
- data/templates/project/templates/old/survivalkit/partials/html5/text-summary.haml +0 -305
- data/templates/project/templates/old/survivalkit/partials/html5/thead.haml +0 -67
- data/templates/project/templates/old/survivalkit/partials/html5/time.haml +0 -31
- data/templates/project/templates/old/survivalkit/partials/html5/ul.haml +0 -21
- data/templates/project/templates/old/survivalkit/partials/menu.haml +0 -14
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/block.haml +0 -7
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/breadcrumbs.haml +0 -7
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/comments.haml +0 -69
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/field-image.haml +0 -7
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/form-comment.haml +0 -54
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/form-login.haml +0 -23
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/form-new-account.haml +0 -24
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/form-new-password.haml +0 -16
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/links.haml +0 -6
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/menu.haml +0 -10
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/messages.haml +0 -21
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/node.haml +0 -28
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/pager.haml +0 -17
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/rss-link.haml +0 -5
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/search.haml +0 -14
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/site-name.haml +0 -6
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/tabs.haml +0 -14
- data/templates/project/templates/old/survivalkit/partials/patterns-drupal/taxonomy.haml +0 -10
- data/templates/project/templates/old/survivalkit/partials/patterns-general/block.haml +0 -7
- data/templates/project/templates/old/survivalkit/partials/patterns-general/breadcrumbs.haml +0 -7
- data/templates/project/templates/old/survivalkit/partials/patterns-general/comments.haml +0 -69
- data/templates/project/templates/old/survivalkit/partials/patterns-general/field-image.haml +0 -7
- data/templates/project/templates/old/survivalkit/partials/patterns-general/form-comment.haml +0 -54
- data/templates/project/templates/old/survivalkit/partials/patterns-general/form-login.haml +0 -23
- data/templates/project/templates/old/survivalkit/partials/patterns-general/form-new-account.haml +0 -24
- data/templates/project/templates/old/survivalkit/partials/patterns-general/form-new-password.haml +0 -16
- data/templates/project/templates/old/survivalkit/partials/patterns-general/links.haml +0 -6
- data/templates/project/templates/old/survivalkit/partials/patterns-general/menu.haml +0 -10
- data/templates/project/templates/old/survivalkit/partials/patterns-general/messages.haml +0 -21
- data/templates/project/templates/old/survivalkit/partials/patterns-general/node.haml +0 -28
- data/templates/project/templates/old/survivalkit/partials/patterns-general/pager.haml +0 -17
- data/templates/project/templates/old/survivalkit/partials/patterns-general/rss-link.haml +0 -5
- data/templates/project/templates/old/survivalkit/partials/patterns-general/search.haml +0 -14
- data/templates/project/templates/old/survivalkit/partials/patterns-general/site-name.haml +0 -6
- data/templates/project/templates/old/survivalkit/partials/patterns-general/tabs.haml +0 -14
- data/templates/project/templates/old/survivalkit/partials/patterns-general/taxonomy.haml +0 -10
- data/templates/project/templates/old/survivalkit/styletile/_layout.haml +0 -1
- data/templates/project/templates/old/survivalkit/styletile/index.redirect +0 -1
- data/templates/project/templates/old/survivalkit/styletile/styletile.haml +0 -60
- data/templates/project/templates/old/view_helpers.rb +0 -25
- data/templates/shared/survivalkit/drupal7.scss +0 -3224
- data/templates/shared/survivalkit/survivalkit.scss +0 -32
@@ -1,267 +0,0 @@
|
|
1
|
-
<!DOCTYPE html>
|
2
|
-
<!--[if lt IE 7]> <html lang="en" class="no-js ie6"> <![endif]-->
|
3
|
-
<!--[if IE 7]> <html lang="en" class="no-js ie7"> <![endif]-->
|
4
|
-
<!--[if IE 8]> <html lang="en" class="no-js ie8"> <![endif]-->
|
5
|
-
<!--[if gt IE 8]><!-->
|
6
|
-
<html class='no-js' lang='en'>
|
7
|
-
<!--<![endif]-->
|
8
|
-
<head>
|
9
|
-
<meta charset='utf-8' />
|
10
|
-
<title>UI Patterns</title>
|
11
|
-
<meta content='' name='description' />
|
12
|
-
<meta content='' name='author' />
|
13
|
-
<!-- Mobile viewport optimized: j.mp/bplateviewport -->
|
14
|
-
<meta content='True' name='HandheldFriendly' />
|
15
|
-
<meta content='320' name='MobileOptimized' />
|
16
|
-
<meta content='width=device-width, target-densitydpi=160, initial-scale=1.0' name='viewport' />
|
17
|
-
<!-- For iPhone 4 with high-resolution Retina display: -->
|
18
|
-
<link href='/apple-touch-icon-114x114-precomposed.png' rel='apple-touch-icon-precomposed' sizes='114x114' />
|
19
|
-
<!-- For first-generation iPad: -->
|
20
|
-
<link href='/apple-touch-icon-72x72-precomposed.png' rel='apple-touch-icon-precomposed' sizes='72x72' />
|
21
|
-
<!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
|
22
|
-
<link href='/apple-touch-icon-precomposed.png' rel='apple-touch-icon-precomposed' />
|
23
|
-
<!-- For Nokia -->
|
24
|
-
<link href='/apple-touch-icon.png' rel='shortcut icon' />
|
25
|
-
<!-- For everything else -->
|
26
|
-
<link href='/favicon.ico' rel='shortcut icon' />
|
27
|
-
<!-- iOS. Delete if not required -->
|
28
|
-
<meta content='yes' name='apple-mobile-web-app-capable' />
|
29
|
-
<meta content='black-translucent' name='apple-mobile-web-app-status-bar-style' />
|
30
|
-
<link href='splash.png' rel='apple-touch-startup-image' />
|
31
|
-
<!-- Microsoft. Delete if not required -->
|
32
|
-
<meta content='on' http-equiv='cleartype' />
|
33
|
-
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible' />
|
34
|
-
<!--[if lt IE 7 ]> <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.2/CFInstall.min.js"></script><script>window.attachEvent("onload",function(){CFInstall.check({mode:"overlay"})})</script> <![endif]-->
|
35
|
-
<!-- CSS -->
|
36
|
-
<link href='/css/style.css?v=1' rel='stylesheet' />
|
37
|
-
<link href='/css/survivalkit/survivalkit.css?v=1' rel='stylesheet' />
|
38
|
-
<!-- All JavaScript at the bottom, except for Modernizr and Respond. -->
|
39
|
-
<!--[if (lt IE 9) & (!IEMobile)]>
|
40
|
-
<script src="/js/libs/selectivizr-min.js"></script>
|
41
|
-
<![endif]-->
|
42
|
-
<script src='/js/libs/modernizr-2.0.min.js'></script>
|
43
|
-
<script src='/js/libs/respond.min.js'></script>
|
44
|
-
<!-- Typekit -->
|
45
|
-
<!--
|
46
|
-
<script src='http://use.typekit.com/xxxxxxx.js' type='text/javascript'></script>
|
47
|
-
<script type='text/javascript'>
|
48
|
-
//<![CDATA[
|
49
|
-
try{Typekit.load();}catch(e){}
|
50
|
-
//]]>
|
51
|
-
</script>
|
52
|
-
-->
|
53
|
-
</head>
|
54
|
-
<body class='survival-kit'>
|
55
|
-
<div id='page'>
|
56
|
-
<header>
|
57
|
-
<hgroup>
|
58
|
-
<h1>
|
59
|
-
<a href='/survivalkit/'>The Coding Designer's Survival Kit</a>
|
60
|
-
</h1>
|
61
|
-
<h2>UI Patterns</h2>
|
62
|
-
</hgroup>
|
63
|
-
|
64
|
-
</header>
|
65
|
-
<nav class='kit-nav'>
|
66
|
-
<ul>
|
67
|
-
<li>
|
68
|
-
<a href='/survivalkit/elements-common.html'>Common Markup</a>
|
69
|
-
</li>
|
70
|
-
<li>
|
71
|
-
<a href='/survivalkit/elements-html5.html'>Common HTML5</a>
|
72
|
-
</li>
|
73
|
-
<li>
|
74
|
-
<a href='/survivalkit/elements-typography.html'>Typography</a>
|
75
|
-
</li>
|
76
|
-
<li>
|
77
|
-
<a href='/survivalkit/elements-ui-patterns-drupal.html'>Drupal UI Patterns</a>
|
78
|
-
</li>
|
79
|
-
<li>
|
80
|
-
<a href='/survivalkit/elements-ui-patterns.html'>UI Patterns</a>
|
81
|
-
</li>
|
82
|
-
<li>
|
83
|
-
<a href='/survivalkit/styletile/styletile.html'>Style Tile</a>
|
84
|
-
</li>
|
85
|
-
</ul>
|
86
|
-
</nav>
|
87
|
-
<nav class='section-nav'></nav>
|
88
|
-
<div id='main' role='main'>
|
89
|
-
<section class='element-group' id='simple-patterns'>
|
90
|
-
<h1 class='section-title'>Common Patterns</h1>
|
91
|
-
<div class='element' id='block'>
|
92
|
-
<h2 class='element-title'>Nested Menu</h2>
|
93
|
-
<div class='markup'>
|
94
|
-
<ul class='nested-menu'>
|
95
|
-
<li>
|
96
|
-
<a href='/'>Lorem</a>
|
97
|
-
<ul>
|
98
|
-
<li>
|
99
|
-
<a href='/'>consectetuer</a>
|
100
|
-
</li>
|
101
|
-
<li>
|
102
|
-
<a href='/'>adipiscing</a>
|
103
|
-
</li>
|
104
|
-
<li>
|
105
|
-
<a href='/'>elit.</a>
|
106
|
-
</li>
|
107
|
-
</ul>
|
108
|
-
</li>
|
109
|
-
<li>
|
110
|
-
<a href='/'>ipsum</a>
|
111
|
-
<ul>
|
112
|
-
<li>
|
113
|
-
<a href='/'>consectetuer</a>
|
114
|
-
</li>
|
115
|
-
<li>
|
116
|
-
<a href='/'>adipiscing</a>
|
117
|
-
</li>
|
118
|
-
<li>
|
119
|
-
<a href='/'>elit.</a>
|
120
|
-
</li>
|
121
|
-
</ul>
|
122
|
-
</li>
|
123
|
-
<li>
|
124
|
-
<a href='/'>dolor</a>
|
125
|
-
<ul>
|
126
|
-
<li>
|
127
|
-
<a href='/'>consectetuer</a>
|
128
|
-
</li>
|
129
|
-
<li>
|
130
|
-
<a href='/'>adipiscing</a>
|
131
|
-
</li>
|
132
|
-
<li>
|
133
|
-
<a href='/'>elit.</a>
|
134
|
-
</li>
|
135
|
-
</ul>
|
136
|
-
</li>
|
137
|
-
<li>
|
138
|
-
<a href='/'>sit</a>
|
139
|
-
<ul>
|
140
|
-
<li>
|
141
|
-
<a href='/'>consectetuer</a>
|
142
|
-
</li>
|
143
|
-
<li>
|
144
|
-
<a href='/'>adipiscing</a>
|
145
|
-
</li>
|
146
|
-
<li>
|
147
|
-
<a href='/'>elit.</a>
|
148
|
-
</li>
|
149
|
-
</ul>
|
150
|
-
</li>
|
151
|
-
<li>
|
152
|
-
<a href='/'>amet</a>
|
153
|
-
<ul>
|
154
|
-
<li>
|
155
|
-
<a href='/'>consectetuer</a>
|
156
|
-
</li>
|
157
|
-
<li>
|
158
|
-
<a href='/'>adipiscing</a>
|
159
|
-
</li>
|
160
|
-
<li>
|
161
|
-
<a href='/'>elit.</a>
|
162
|
-
</li>
|
163
|
-
</ul>
|
164
|
-
</li>
|
165
|
-
</ul>
|
166
|
-
</div>
|
167
|
-
</div>
|
168
|
-
<div class='element' id='drupal-messages'>
|
169
|
-
<h2 class='element-title'>Messages</h2>
|
170
|
-
<div class='markup'>
|
171
|
-
<div class='messages status'>
|
172
|
-
<h2 class='element-invisible' style='display: none;'>Status message</h2>
|
173
|
-
<p>
|
174
|
-
This is
|
175
|
-
<em>status</em>
|
176
|
-
message.
|
177
|
-
</p>
|
178
|
-
</div>
|
179
|
-
<div class='messages warning'>
|
180
|
-
<h2 class='element-invisible' style='display: none;'>Status message</h2>
|
181
|
-
<p>
|
182
|
-
This is
|
183
|
-
<em>warning</em>
|
184
|
-
message.
|
185
|
-
</p>
|
186
|
-
</div>
|
187
|
-
<div class='messages error'>
|
188
|
-
<h2 class='element-invisible' style='display: none;'>Status message</h2>
|
189
|
-
<p>
|
190
|
-
This is
|
191
|
-
<em>error</em>
|
192
|
-
message.
|
193
|
-
</p>
|
194
|
-
</div>
|
195
|
-
</div>
|
196
|
-
</div>
|
197
|
-
<div class='element' id='pager'>
|
198
|
-
<h2 class='element-title'>Pager</h2>
|
199
|
-
<div class='markup'>
|
200
|
-
<ul class='pager'>
|
201
|
-
<li class='pager-first first'>
|
202
|
-
<a class='active' href='/node' title='Go to first page'>« first</a>
|
203
|
-
</li>
|
204
|
-
<li class='pager-previous'>
|
205
|
-
<a class='active' href='/node' title='Go to previous page'>‹ previous</a>
|
206
|
-
</li>
|
207
|
-
<li class='pager-item'>
|
208
|
-
<a class='active' href='/node' title='Go to page 1'>1</a>
|
209
|
-
</li>
|
210
|
-
<li class='pager-current'>2</li>
|
211
|
-
<li class='pager-item'>
|
212
|
-
<a class='active' href='/node?page=2' title='Go to page 3'>3</a>
|
213
|
-
</li>
|
214
|
-
<li class='pager-next'>
|
215
|
-
<a class='active' href='/node?page=2' title='Go to next page'>next ›</a>
|
216
|
-
</li>
|
217
|
-
<li class='pager-last last'>
|
218
|
-
<a class='active' href='/node?page=2' title='Go to last page'>last »</a>
|
219
|
-
</li>
|
220
|
-
</ul>
|
221
|
-
</div>
|
222
|
-
</div>
|
223
|
-
</section>
|
224
|
-
</div>
|
225
|
-
<footer></footer>
|
226
|
-
</div>
|
227
|
-
<!--
|
228
|
-
Javascript at the bottom for fast page loading
|
229
|
-
Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary
|
230
|
-
-->
|
231
|
-
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js'></script>
|
232
|
-
<script type='text/javascript'>
|
233
|
-
//<![CDATA[
|
234
|
-
window.jQuery || document.write("<script src='js/libs/jquery-1.6.min.js'>\x3C/script>")
|
235
|
-
//]]>
|
236
|
-
</script>
|
237
|
-
<script src='/js/libs/plugins.js?v=1'></script>
|
238
|
-
<script src='/js/script.js?v=1'></script>
|
239
|
-
<script src='/js/libs/320-up/helper.js?v=1'></script>
|
240
|
-
<script src='/js/kit/kit-source.jquery.js?v=1'></script>
|
241
|
-
<!--[if (lt IE 9) & (!IEMobile)]>
|
242
|
-
<script src="/js/libs/imgsizer.js"></script>
|
243
|
-
<![endif]-->
|
244
|
-
<script type='text/javascript'>
|
245
|
-
//<![CDATA[
|
246
|
-
// iOS scale bug fix
|
247
|
-
MBP.scaleFix();
|
248
|
-
|
249
|
-
// Respond.js
|
250
|
-
yepnope({
|
251
|
-
test : Modernizr.mq('(only all)'),
|
252
|
-
nope : ['/js/libs/respond.min.js']
|
253
|
-
});
|
254
|
-
//]]>
|
255
|
-
</script>
|
256
|
-
<!-- asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet -->
|
257
|
-
<!-- change the UA-XXXXX-X to be your site's ID -->
|
258
|
-
<script type='text/javascript'>
|
259
|
-
//<![CDATA[
|
260
|
-
var _gaq=[["_setAccount","UA-XXXXX-X"],["_trackPageview"],["_trackPageLoadTime"]];
|
261
|
-
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
|
262
|
-
g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
|
263
|
-
s.parentNode.insertBefore(g,s)}(document,"script"));
|
264
|
-
//]]>
|
265
|
-
</script>
|
266
|
-
</body>
|
267
|
-
</html>
|
@@ -1,132 +0,0 @@
|
|
1
|
-
<!DOCTYPE html>
|
2
|
-
<!--[if lt IE 7]> <html lang="en" class="no-js ie6"> <![endif]-->
|
3
|
-
<!--[if IE 7]> <html lang="en" class="no-js ie7"> <![endif]-->
|
4
|
-
<!--[if IE 8]> <html lang="en" class="no-js ie8"> <![endif]-->
|
5
|
-
<!--[if gt IE 8]><!-->
|
6
|
-
<html class='no-js' lang='en'>
|
7
|
-
<!--<![endif]-->
|
8
|
-
<head>
|
9
|
-
<meta charset='utf-8' />
|
10
|
-
<title></title>
|
11
|
-
<meta content='' name='description' />
|
12
|
-
<meta content='' name='author' />
|
13
|
-
<!-- Mobile viewport optimized: j.mp/bplateviewport -->
|
14
|
-
<meta content='True' name='HandheldFriendly' />
|
15
|
-
<meta content='320' name='MobileOptimized' />
|
16
|
-
<meta content='width=device-width, target-densitydpi=160, initial-scale=1.0' name='viewport' />
|
17
|
-
<!-- For iPhone 4 with high-resolution Retina display: -->
|
18
|
-
<link href='/apple-touch-icon-114x114-precomposed.png' rel='apple-touch-icon-precomposed' sizes='114x114' />
|
19
|
-
<!-- For first-generation iPad: -->
|
20
|
-
<link href='/apple-touch-icon-72x72-precomposed.png' rel='apple-touch-icon-precomposed' sizes='72x72' />
|
21
|
-
<!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
|
22
|
-
<link href='/apple-touch-icon-precomposed.png' rel='apple-touch-icon-precomposed' />
|
23
|
-
<!-- For Nokia -->
|
24
|
-
<link href='/apple-touch-icon.png' rel='shortcut icon' />
|
25
|
-
<!-- For everything else -->
|
26
|
-
<link href='/favicon.ico' rel='shortcut icon' />
|
27
|
-
<!-- iOS. Delete if not required -->
|
28
|
-
<meta content='yes' name='apple-mobile-web-app-capable' />
|
29
|
-
<meta content='black-translucent' name='apple-mobile-web-app-status-bar-style' />
|
30
|
-
<link href='splash.png' rel='apple-touch-startup-image' />
|
31
|
-
<!-- Microsoft. Delete if not required -->
|
32
|
-
<meta content='on' http-equiv='cleartype' />
|
33
|
-
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible' />
|
34
|
-
<!--[if lt IE 7 ]> <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.2/CFInstall.min.js"></script><script>window.attachEvent("onload",function(){CFInstall.check({mode:"overlay"})})</script> <![endif]-->
|
35
|
-
<!-- CSS -->
|
36
|
-
<link href='/css/style.css?v=1' rel='stylesheet' />
|
37
|
-
<link href='/css/survivalkit/survivalkit.css?v=1' rel='stylesheet' />
|
38
|
-
<!-- All JavaScript at the bottom, except for Modernizr and Respond. -->
|
39
|
-
<!--[if (lt IE 9) & (!IEMobile)]>
|
40
|
-
<script src="/js/libs/selectivizr-min.js"></script>
|
41
|
-
<![endif]-->
|
42
|
-
<script src='/js/libs/modernizr-2.0.min.js'></script>
|
43
|
-
<script src='/js/libs/respond.min.js'></script>
|
44
|
-
<!-- Typekit -->
|
45
|
-
<!--
|
46
|
-
<script src='http://use.typekit.com/xxxxxxx.js' type='text/javascript'></script>
|
47
|
-
<script type='text/javascript'>
|
48
|
-
//<![CDATA[
|
49
|
-
try{Typekit.load();}catch(e){}
|
50
|
-
//]]>
|
51
|
-
</script>
|
52
|
-
-->
|
53
|
-
</head>
|
54
|
-
<body class='survival-kit'>
|
55
|
-
<div id='page'>
|
56
|
-
<header>
|
57
|
-
<hgroup>
|
58
|
-
<h1>
|
59
|
-
<a href='/survivalkit/'>The Coding Designer's Survival Kit</a>
|
60
|
-
</h1>
|
61
|
-
<h2></h2>
|
62
|
-
</hgroup>
|
63
|
-
|
64
|
-
</header>
|
65
|
-
<nav class='kit-nav'>
|
66
|
-
<ul>
|
67
|
-
<li>
|
68
|
-
<a href='/survivalkit/elements-common.html'>Common Markup</a>
|
69
|
-
</li>
|
70
|
-
<li>
|
71
|
-
<a href='/survivalkit/elements-html5.html'>Common HTML5</a>
|
72
|
-
</li>
|
73
|
-
<li>
|
74
|
-
<a href='/survivalkit/elements-typography.html'>Typography</a>
|
75
|
-
</li>
|
76
|
-
<li>
|
77
|
-
<a href='/survivalkit/elements-ui-patterns-drupal.html'>Drupal UI Patterns</a>
|
78
|
-
</li>
|
79
|
-
<li>
|
80
|
-
<a href='/survivalkit/elements-ui-patterns.html'>UI Patterns</a>
|
81
|
-
</li>
|
82
|
-
<li>
|
83
|
-
<a href='/survivalkit/styletile/styletile.html'>Style Tile</a>
|
84
|
-
</li>
|
85
|
-
</ul>
|
86
|
-
</nav>
|
87
|
-
<div id='main' role='main'>
|
88
|
-
<p>Use the pages above as tools to establish your design across all html elements and many situations. Add your own markup below as needed for custom modules.</p>
|
89
|
-
</div>
|
90
|
-
<footer></footer>
|
91
|
-
</div>
|
92
|
-
<!--
|
93
|
-
Javascript at the bottom for fast page loading
|
94
|
-
Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary
|
95
|
-
-->
|
96
|
-
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js'></script>
|
97
|
-
<script type='text/javascript'>
|
98
|
-
//<![CDATA[
|
99
|
-
window.jQuery || document.write("<script src='js/libs/jquery-1.6.min.js'>\x3C/script>")
|
100
|
-
//]]>
|
101
|
-
</script>
|
102
|
-
<script src='/js/libs/plugins.js?v=1'></script>
|
103
|
-
<script src='/js/script.js?v=1'></script>
|
104
|
-
<script src='/js/libs/320-up/helper.js?v=1'></script>
|
105
|
-
<script src='/js/kit/kit-source.jquery.js?v=1'></script>
|
106
|
-
<!--[if (lt IE 9) & (!IEMobile)]>
|
107
|
-
<script src="/js/libs/imgsizer.js"></script>
|
108
|
-
<![endif]-->
|
109
|
-
<script type='text/javascript'>
|
110
|
-
//<![CDATA[
|
111
|
-
// iOS scale bug fix
|
112
|
-
MBP.scaleFix();
|
113
|
-
|
114
|
-
// Respond.js
|
115
|
-
yepnope({
|
116
|
-
test : Modernizr.mq('(only all)'),
|
117
|
-
nope : ['/js/libs/respond.min.js']
|
118
|
-
});
|
119
|
-
//]]>
|
120
|
-
</script>
|
121
|
-
<!-- asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet -->
|
122
|
-
<!-- change the UA-XXXXX-X to be your site's ID -->
|
123
|
-
<script type='text/javascript'>
|
124
|
-
//<![CDATA[
|
125
|
-
var _gaq=[["_setAccount","UA-XXXXX-X"],["_trackPageview"],["_trackPageLoadTime"]];
|
126
|
-
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
|
127
|
-
g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
|
128
|
-
s.parentNode.insertBefore(g,s)}(document,"script"));
|
129
|
-
//]]>
|
130
|
-
</script>
|
131
|
-
</body>
|
132
|
-
</html>
|
@@ -1 +0,0 @@
|
|
1
|
-
<html><head><meta http-equiv="refresh" content="0;/survivalkit/styletile/styletile" /></head></html>
|
@@ -1,215 +0,0 @@
|
|
1
|
-
<!DOCTYPE html>
|
2
|
-
<!--[if lt IE 7]> <html lang="en" class="no-js ie6"> <![endif]-->
|
3
|
-
<!--[if IE 7]> <html lang="en" class="no-js ie7"> <![endif]-->
|
4
|
-
<!--[if IE 8]> <html lang="en" class="no-js ie8"> <![endif]-->
|
5
|
-
<!--[if gt IE 8]><!-->
|
6
|
-
<html class='no-js' lang='en'>
|
7
|
-
<!--<![endif]-->
|
8
|
-
<head>
|
9
|
-
<meta charset='utf-8' />
|
10
|
-
<title>Style Tile</title>
|
11
|
-
<meta content='' name='description' />
|
12
|
-
<meta content='' name='author' />
|
13
|
-
<!-- Mobile viewport optimized: j.mp/bplateviewport -->
|
14
|
-
<meta content='True' name='HandheldFriendly' />
|
15
|
-
<meta content='320' name='MobileOptimized' />
|
16
|
-
<meta content='width=device-width, target-densitydpi=160, initial-scale=1.0' name='viewport' />
|
17
|
-
<!-- For iPhone 4 with high-resolution Retina display: -->
|
18
|
-
<link href='/apple-touch-icon-114x114-precomposed.png' rel='apple-touch-icon-precomposed' sizes='114x114' />
|
19
|
-
<!-- For first-generation iPad: -->
|
20
|
-
<link href='/apple-touch-icon-72x72-precomposed.png' rel='apple-touch-icon-precomposed' sizes='72x72' />
|
21
|
-
<!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: -->
|
22
|
-
<link href='/apple-touch-icon-precomposed.png' rel='apple-touch-icon-precomposed' />
|
23
|
-
<!-- For Nokia -->
|
24
|
-
<link href='/apple-touch-icon.png' rel='shortcut icon' />
|
25
|
-
<!-- For everything else -->
|
26
|
-
<link href='/favicon.ico' rel='shortcut icon' />
|
27
|
-
<!-- iOS. Delete if not required -->
|
28
|
-
<meta content='yes' name='apple-mobile-web-app-capable' />
|
29
|
-
<meta content='black-translucent' name='apple-mobile-web-app-status-bar-style' />
|
30
|
-
<link href='splash.png' rel='apple-touch-startup-image' />
|
31
|
-
<!-- Microsoft. Delete if not required -->
|
32
|
-
<meta content='on' http-equiv='cleartype' />
|
33
|
-
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible' />
|
34
|
-
<!--[if lt IE 7 ]> <script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.2/CFInstall.min.js"></script><script>window.attachEvent("onload",function(){CFInstall.check({mode:"overlay"})})</script> <![endif]-->
|
35
|
-
<!-- CSS -->
|
36
|
-
<link href='/css/style.css?v=1' rel='stylesheet' />
|
37
|
-
<link href='/css/survivalkit/survivalkit.css?v=1' rel='stylesheet' />
|
38
|
-
<!-- All JavaScript at the bottom, except for Modernizr and Respond. -->
|
39
|
-
<!--[if (lt IE 9) & (!IEMobile)]>
|
40
|
-
<script src="/js/libs/selectivizr-min.js"></script>
|
41
|
-
<![endif]-->
|
42
|
-
<script src='/js/libs/modernizr-2.0.min.js'></script>
|
43
|
-
<script src='/js/libs/respond.min.js'></script>
|
44
|
-
<!-- Typekit -->
|
45
|
-
<!--
|
46
|
-
<script src='http://use.typekit.com/xxxxxxx.js' type='text/javascript'></script>
|
47
|
-
<script type='text/javascript'>
|
48
|
-
//<![CDATA[
|
49
|
-
try{Typekit.load();}catch(e){}
|
50
|
-
//]]>
|
51
|
-
</script>
|
52
|
-
-->
|
53
|
-
</head>
|
54
|
-
<body class='survival-kit styletile styletile-1'>
|
55
|
-
<div id='page'>
|
56
|
-
<header>
|
57
|
-
<div class='client-id'>
|
58
|
-
<h1 class='client-name'>INSERT CLIENT NAME</h1>
|
59
|
-
</div>
|
60
|
-
<aside>
|
61
|
-
INSERT CLIENT NAME
|
62
|
-
Style Tiles
|
63
|
-
<br />
|
64
|
-
Version
|
65
|
-
1
|
66
|
-
</aside>
|
67
|
-
</header>
|
68
|
-
<nav class='kit-nav'>
|
69
|
-
<ul>
|
70
|
-
<li>
|
71
|
-
<a href='/survivalkit/elements-common.html'>Common Markup</a>
|
72
|
-
</li>
|
73
|
-
<li>
|
74
|
-
<a href='/survivalkit/elements-html5.html'>Common HTML5</a>
|
75
|
-
</li>
|
76
|
-
<li>
|
77
|
-
<a href='/survivalkit/elements-typography.html'>Typography</a>
|
78
|
-
</li>
|
79
|
-
<li>
|
80
|
-
<a href='/survivalkit/elements-ui-patterns-drupal.html'>Drupal UI Patterns</a>
|
81
|
-
</li>
|
82
|
-
<li>
|
83
|
-
<a href='/survivalkit/elements-ui-patterns.html'>UI Patterns</a>
|
84
|
-
</li>
|
85
|
-
<li>
|
86
|
-
<a href='/survivalkit/styletile/styletile.html'>Style Tile</a>
|
87
|
-
</li>
|
88
|
-
</ul>
|
89
|
-
</nav>
|
90
|
-
<div id='main' role='main'>
|
91
|
-
<article class='text-examples'>
|
92
|
-
<div class='logos group'>
|
93
|
-
<h5 class='label'>Header text options</h5>
|
94
|
-
<h1 class='logo opt-1'>INSERT CLIENT NAME</h1>
|
95
|
-
</div>
|
96
|
-
<div class='headers group'>
|
97
|
-
<h5 class='label'>Header text options</h5>
|
98
|
-
<h1>This is a Page Title</h1>
|
99
|
-
<h2>This is a Header</h2>
|
100
|
-
<h3>This is a Sub Header</h3>
|
101
|
-
<a href=''>Link Text</a>
|
102
|
-
</div>
|
103
|
-
<div class='quotes group'>
|
104
|
-
<figure class='quote'>
|
105
|
-
<span class='quote-mark left-quote-mark'>“</span>
|
106
|
-
An Exceptional Quote
|
107
|
-
<span class='quote-mark right-quote-mark'>”</span>
|
108
|
-
<figcaption class='source'>
|
109
|
-
<span class='publication'>
|
110
|
-
The Paper
|
111
|
-
<span class='comma'>,</span>
|
112
|
-
</span>
|
113
|
-
<span class='year'>2011</span>
|
114
|
-
</figcaption>
|
115
|
-
</figure>
|
116
|
-
</div>
|
117
|
-
<div class='serif group'>
|
118
|
-
<h5 class='label'>Body Text Option</h5>
|
119
|
-
<h2>This is a Header</h2>
|
120
|
-
<p class='serif'>
|
121
|
-
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
|
122
|
-
<a href=''>Donec odio</a>.
|
123
|
-
Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.
|
124
|
-
</p>
|
125
|
-
</div>
|
126
|
-
<div class='sans group'>
|
127
|
-
<h5 class='label'>Body Text Option</h5>
|
128
|
-
<h2>This is a Header</h2>
|
129
|
-
<p class='sans'>
|
130
|
-
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
|
131
|
-
<a href=''>Donec odio</a>.
|
132
|
-
Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.
|
133
|
-
</p>
|
134
|
-
</div>
|
135
|
-
</article>
|
136
|
-
<article class='graphic-examples'>
|
137
|
-
<div class='colors group'>
|
138
|
-
<h5 class='label'>Color Options</h5>
|
139
|
-
<ul>
|
140
|
-
<li class='color-1'></li>
|
141
|
-
<li class='color-2'></li>
|
142
|
-
<li class='color-3'></li>
|
143
|
-
<li class='color-4'></li>
|
144
|
-
<li class='color-5'></li>
|
145
|
-
<li class='color-6'></li>
|
146
|
-
</ul>
|
147
|
-
</div>
|
148
|
-
<div class='images group'>
|
149
|
-
<h5 class='label'>Style and Pattern Swatches</h5>
|
150
|
-
<ul>
|
151
|
-
<li class='image-1'>
|
152
|
-
<img alt='placeholder image' src='http://dummyimage.com/400x300/ccc/fff' />
|
153
|
-
</li>
|
154
|
-
<li class='image-2'>
|
155
|
-
<img alt='placeholder image' src='http://dummyimage.com/400x300/ccc/fff' />
|
156
|
-
</li>
|
157
|
-
<li class='image-3'>
|
158
|
-
<img alt='placeholder image' src='http://dummyimage.com/400x300/ccc/fff' />
|
159
|
-
</li>
|
160
|
-
<li class='image-4'>
|
161
|
-
<img alt='placeholder image' src='http://dummyimage.com/400x300/ccc/fff' />
|
162
|
-
</li>
|
163
|
-
<li class='image-5'>
|
164
|
-
<img alt='placeholder image' src='http://dummyimage.com/400x300/ccc/fff' />
|
165
|
-
</li>
|
166
|
-
<li class='image-5'>
|
167
|
-
<img alt='placeholder image' src='http://dummyimage.com/400x300/ccc/fff' />
|
168
|
-
</li>
|
169
|
-
</ul>
|
170
|
-
</div>
|
171
|
-
</article>
|
172
|
-
</div>
|
173
|
-
<footer></footer>
|
174
|
-
</div>
|
175
|
-
<!--
|
176
|
-
Javascript at the bottom for fast page loading
|
177
|
-
Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary
|
178
|
-
-->
|
179
|
-
<script src='//ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.js'></script>
|
180
|
-
<script type='text/javascript'>
|
181
|
-
//<![CDATA[
|
182
|
-
window.jQuery || document.write("<script src='js/libs/jquery-1.6.min.js'>\x3C/script>")
|
183
|
-
//]]>
|
184
|
-
</script>
|
185
|
-
<script src='/js/libs/plugins.js?v=1'></script>
|
186
|
-
<script src='/js/script.js?v=1'></script>
|
187
|
-
<script src='/js/libs/320-up/helper.js?v=1'></script>
|
188
|
-
<script src='/js/kit/kit-source.jquery.js?v=1'></script>
|
189
|
-
<!--[if (lt IE 9) & (!IEMobile)]>
|
190
|
-
<script src="/js/libs/imgsizer.js"></script>
|
191
|
-
<![endif]-->
|
192
|
-
<script type='text/javascript'>
|
193
|
-
//<![CDATA[
|
194
|
-
// iOS scale bug fix
|
195
|
-
MBP.scaleFix();
|
196
|
-
|
197
|
-
// Respond.js
|
198
|
-
yepnope({
|
199
|
-
test : Modernizr.mq('(only all)'),
|
200
|
-
nope : ['/js/libs/respond.min.js']
|
201
|
-
});
|
202
|
-
//]]>
|
203
|
-
</script>
|
204
|
-
<!-- asynchronous google analytics: mathiasbynens.be/notes/async-analytics-snippet -->
|
205
|
-
<!-- change the UA-XXXXX-X to be your site's ID -->
|
206
|
-
<script type='text/javascript'>
|
207
|
-
//<![CDATA[
|
208
|
-
var _gaq=[["_setAccount","UA-XXXXX-X"],["_trackPageview"],["_trackPageLoadTime"]];
|
209
|
-
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
|
210
|
-
g.src=("https:"==location.protocol?"//ssl":"//www")+".google-analytics.com/ga.js";
|
211
|
-
s.parentNode.insertBefore(g,s)}(document,"script"));
|
212
|
-
//]]>
|
213
|
-
</script>
|
214
|
-
</body>
|
215
|
-
</html>
|
@@ -1,43 +0,0 @@
|
|
1
|
-
/* the humans responsible & colophon */
|
2
|
-
/* humanstxt.org */
|
3
|
-
|
4
|
-
|
5
|
-
/* TEAM */
|
6
|
-
<your title>: <your name>
|
7
|
-
Site:
|
8
|
-
Twitter:
|
9
|
-
Location:
|
10
|
-
|
11
|
-
/* THANKS */
|
12
|
-
Names (& URL):
|
13
|
-
|
14
|
-
/* SITE */
|
15
|
-
Standards: HTML5, CSS3
|
16
|
-
Components: Modernizr, jQuery
|
17
|
-
Software:
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
-o/-
|
22
|
-
+oo//-
|
23
|
-
:ooo+//:
|
24
|
-
-ooooo///-
|
25
|
-
/oooooo//:
|
26
|
-
:ooooooo+//-
|
27
|
-
-+oooooooo///-
|
28
|
-
-://////////////+oooooooooo++////////////::
|
29
|
-
:+ooooooooooooooooooooooooooooooooooooo+:::-
|
30
|
-
-/+ooooooooooooooooooooooooooooooo+/::////:-
|
31
|
-
-:+oooooooooooooooooooooooooooo/::///////:-
|
32
|
-
--/+ooooooooooooooooooooo+::://////:-
|
33
|
-
-:+ooooooooooooooooo+:://////:--
|
34
|
-
/ooooooooooooooooo+//////:-
|
35
|
-
-ooooooooooooooooooo////-
|
36
|
-
/ooooooooo+oooooooooo//:
|
37
|
-
:ooooooo+/::/+oooooooo+//-
|
38
|
-
-oooooo/::///////+oooooo///-
|
39
|
-
/ooo+::://////:---:/+oooo//:
|
40
|
-
-o+/::///////:- -:/+o+//-
|
41
|
-
:-:///////:- -:/://
|
42
|
-
-////:- --//:
|
43
|
-
-- -:
|