diff --git a/.gitignore b/.gitignore index f9eee55..feb3c09 100644 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1,3 @@ vendor -.env \ No newline at end of file +.env +.phpintel \ No newline at end of file diff --git a/.phpintel/0228b5e3298968c5db0dcc92b22d522d b/.phpintel/0228b5e3298968c5db0dcc92b22d522d new file mode 100644 index 0000000..482c0e3 Binary files /dev/null and b/.phpintel/0228b5e3298968c5db0dcc92b22d522d differ diff --git a/.phpintel/5ca84cee4f36c0693fa564f237a54a2a b/.phpintel/5ca84cee4f36c0693fa564f237a54a2a new file mode 100644 index 0000000..482c0e3 Binary files /dev/null and b/.phpintel/5ca84cee4f36c0693fa564f237a54a2a differ diff --git a/.phpintel/ae619747e91b85419a8ab4e8a2ab6836 b/.phpintel/ae619747e91b85419a8ab4e8a2ab6836 new file mode 100644 index 0000000..482c0e3 Binary files /dev/null and b/.phpintel/ae619747e91b85419a8ab4e8a2ab6836 differ diff --git a/.phpintel/d8269aa257b9766884bda4e94daea3bd b/.phpintel/d8269aa257b9766884bda4e94daea3bd new file mode 100644 index 0000000..482c0e3 Binary files /dev/null and b/.phpintel/d8269aa257b9766884bda4e94daea3bd differ diff --git a/.phpintel/fd94fb89ee5b77ff0f3b35f9c97c77ce b/.phpintel/fd94fb89ee5b77ff0f3b35f9c97c77ce new file mode 100644 index 0000000..482c0e3 Binary files /dev/null and b/.phpintel/fd94fb89ee5b77ff0f3b35f9c97c77ce differ diff --git a/.phpintel/index b/.phpintel/index new file mode 100644 index 0000000..c5414f5 Binary files /dev/null and b/.phpintel/index differ diff --git a/assets/css/ie.css b/assets/css/ie.css new file mode 100755 index 0000000..5d3ca5b --- /dev/null +++ b/assets/css/ie.css @@ -0,0 +1,469 @@ +@charset "UTF-8"; +/* + * + * Copyright (c) David Bushell | http://dbushell.com/ + * + */ +/* normalize.css v2.0.1 | MIT License | git.io/normalize */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section, +summary { + display: block; +} + +audio, +canvas, +video { + display: inline-block; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +[hidden] { + display: none; +} + +html { + font-family: sans-serif; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +body { + margin: 0; +} + +a:focus { + outline: thin dotted; +} + +a:active, +a:hover { + outline: 0; +} + +h1 { + font-size: 2em; +} + +abbr[title] { + border-bottom: 1px dotted; +} + +b, +strong { + font-weight: bold; +} + +dfn { + font-style: italic; +} + +mark { + background: #ff0; + color: #000; +} + +code, +kbd, +pre, +samp { + font-family: monospace, serif; + font-size: 1em; +} + +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} + +q { + quotes: "\201C" "\201D" "\2018" "\2019"; +} + +small { + font-size: 80%; +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +img { + border: 0; +} + +svg:not(:root) { + overflow: hidden; +} + +figure { + margin: 0; +} + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +legend { + border: 0; + padding: 0; +} + +button, +input, +select, +textarea { + font-family: inherit; + font-size: 100%; + margin: 0; +} + +button, +input { + line-height: normal; +} + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} + +button[disabled], +input[disabled] { + cursor: default; +} + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} + +input[type="search"] { + -webkit-appearance: textfield; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +textarea { + overflow: auto; + vertical-align: top; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +ul, ol { + padding: 0; + list-style: none; +} + +h1, h2, h3, h4, h5, h6, p, ul, ol { + margin: 0; +} + +a { + text-decoration: none; +} + +body { + color: #333; + position: relative; + width: 100%; + min-width: 20em; + background: #333333; +} + +.highlight { + background: #fff699; + padding: 0 0.5em; +} + +.prose ul, .prose ol { + list-style: outside disc; + font-size: 1em; + line-height: 1.5em; + margin-bottom: 1.5em; +} +.prose p { + font-size: 1em; + line-height: 1.5em; + margin-bottom: 1.5em; +} +.prose p.small { + color: #666; + font-size: 0.813em; + line-height: 1.846em; + margin-bottom: 1.846em; +} +.prose p.medium { + color: #666; + font-size: 0.875em; + line-height: 1.714em; + margin-bottom: 1.714em; +} +.prose p:last-child { + margin-bottom: 0; +} +.prose h1 { + font-size: 1.875em; + line-height: 1.2em; + margin-bottom: 0.4em; +} +.prose h2 { + font-size: 1.5em; + line-height: 1.25em; + margin-bottom: 0.5em; +} +.prose a { + color: #6d7173; + border-bottom: 1px solid #a1cfe5; + text-decoration: none; + outline: none; +} +.prose a:focus, .prose a:hover { + color: #4ab336; + border-bottom-color: #77b36b; +} + +.block { + position: relative; + margin: 0 auto; + padding: 1.5em 1.25em; + max-width: 60em; +} + +.close-btn { + display: block; + width: 2.625em; + height: 2.25em; + padding: 0; + border: 0; + outline: none; + background: #333333 url("../img/close-btn.svg") left center no-repeat; + background-size: 1.875em 1.875em; + overflow: hidden; + white-space: nowrap; + text-indent: 100%; + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); + opacity: 1; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +.no-svg .close-btn { + background-image: url("../img/close-btn.png"); +} +.close-btn:focus, .close-btn:hover { + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); + opacity: 1; +} + +.nav-btn { + display: block; + width: 2.625em; + height: 2.25em; + padding: 0; + border: 0; + outline: none; + background: #333333 url("../img/nav-icon.svg") left center no-repeat; + background-size: 1.875em 1.5em; + overflow: hidden; + white-space: nowrap; + text-indent: 100%; + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); + opacity: 0.7; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +.no-svg .nav-btn { + background-image: url("../img/nav-icon.png"); +} +.nav-btn:hover, .nav-btn:focus { + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); + opacity: 1; +} + +#outer-wrap { + position: relative; + overflow: hidden; + width: 100%; +} + +#inner-wrap { + position: relative; + width: 100%; +} + +#nav { + z-index: 200; + position: relative; + overflow: hidden; + width: 100%; + color: #fff; +} +#nav .close-btn { + display: none; +} +#nav .block-title { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} +#nav .block { + z-index: 2; + position: relative; + padding: 0.75em 1.25em; + background: #333333; +} +#nav ul { + *zoom: 1; + display: block; +} +#nav ul:before, #nav ul:after { + content: ""; + display: table; +} +#nav ul:after { + clear: both; +} +#nav li { + display: block; +} +#nav li a { + display: block; + color: #ccc; + font-size: 0.875em; + line-height: 1.286em; + font-weight: bold; + outline: none; +} +#nav li a:focus, #nav li a:hover { + color: #fff; + background: rgba(255, 255, 255, 0.1); +} +#nav li.is-active a { + color: #fff; +} + +#top { + z-index: 100; + position: relative; + color: #fff; + background: #333333; +} +#top .block-title { + margin: 0; + font-size: 1.875em; + line-height: 1.2em; + text-align: center; + white-space: nowrap; +} +#top .nav-btn { + position: absolute; + top: 1.5em; + left: 1.875em; +} + +#main { + background: #fff; +} +#main .block { + padding: 2.625em 1.875em; +} + +footer[role="contentinfo"] { + background: #ddd; +} + +#top .nav-btn { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} + +#nav .close-btn { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} +#nav .block-title { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} +#nav ul { + text-align: center; + white-space: nowrap; +} +#nav li { + display: inline-block; + border-right: 1px solid rgba(255, 255, 255, 0.1); +} +#nav li:last-child { + border-right: none; +} +#nav li a { + padding: 0.429em 0.857em; +} diff --git a/assets/css/step4.css b/assets/css/step4.css new file mode 100755 index 0000000..f275ed6 --- /dev/null +++ b/assets/css/step4.css @@ -0,0 +1,969 @@ +@charset "UTF-8"; +@-ms-viewport { + width: device-width; +} + +@viewport { + width: device-width; +} + +/* + * + * Copyright (c) David Bushell | http://dbushell.com/ + * + */ +/* normalize.css v2.0.1 | MIT License | git.io/normalize */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +nav, +section, +summary { + display: block; +} + +audio, +canvas, +video { + display: inline-block; +} + +audio:not([controls]) { + display: none; + height: 0; +} + +[hidden] { + display: none; +} + +html { + font-family: sans-serif; + -webkit-text-size-adjust: 100%; + -ms-text-size-adjust: 100%; +} + +body { + margin: 0; + color: #444; + font-family: 'Open Sans'; + font-size: 15px; + font-weight: 400; + text-align: left; +} + +a:focus { + outline: thin dotted; +} + +a:active, +a:hover { + outline: 0; +} + +h1 { + font-size: 2em; +} + +abbr[title] { + border-bottom: 1px dotted; +} + +b, +strong { + font-weight: bold; +} + +dfn { + font-style: italic; +} + +mark { + background: #ff0; + color: #000; +} + +code, +kbd, +pre, +samp { + font-family: monospace, serif; + font-size: 1em; +} + +pre { + white-space: pre; + white-space: pre-wrap; + word-wrap: break-word; +} + +q { + quotes: "\201C" "\201D" "\2018" "\2019"; +} + +small { + font-size: 80%; +} + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +img { + border: 0; +} + +svg:not(:root) { + overflow: hidden; +} + +figure { + margin: 0; +} + +fieldset { + border: 1px solid silver; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +legend { + border: 0; + padding: 0; +} + +a { + color: #333; + text-decoration: none; +} + +a:hover { + color: #ccc; +} + + +button, +input, +select, +textarea { + font-family: inherit; + font-size: 100%; + margin: 0; +} + +button, +input { + line-height: normal; +} + +button, +html input[type="button"], +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; + cursor: pointer; +} + +button[disabled], +input[disabled] { + cursor: default; +} + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; + padding: 0; +} + +input[type="search"] { + -webkit-appearance: textfield; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +textarea { + overflow: auto; + vertical-align: top; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +ul, ol { + padding: 0; + list-style: none; +} + +h1, h2, h3, h4, h5, h6, p, ul, ol { + margin: 0; +} + +a { + text-decoration: none; +} + +body { + color: #333; + position: relative; + width: 100%; + min-width: 20em; +} + +.highlight { + background: #fff699; + padding: 0 0.5em; +} + +.prose ul, .prose ol { + list-style: outside disc; + font-size: 1em; + line-height: 1.5em; + margin-bottom: 1.5em; +} +.prose p { + font-size: 1em; + line-height: 1.5em; + margin-bottom: 1.5em; +} +.prose p.small { + color: #666; + font-size: 0.8125em; + line-height: 1.84615em; + margin-bottom: 1.84615em; +} +.prose p.medium { + color: #666; + font-size: 0.875em; + line-height: 1.71429em; + margin-bottom: 1.71429em; +} +.prose p:last-child { + margin-bottom: 0; +} +.prose h1 { + font-size: 1.875em; + line-height: 1.2em; + margin-bottom: 0.4em; +} +.prose h2 { + font-size: 1.5em; + line-height: 1.25em; + margin-bottom: 0.5em; +} +.prose a { + color: #6d7173; + border-bottom: 1px solid #a1cfe5; + text-decoration: none; + outline: none; +} +.prose a:focus, .prose a:hover { + color: #4ab336; + border-bottom-color: #77b36b; +} + +.block { + position: relative; + margin: 0 auto; + padding: 1.5em 1.25em; + max-width: 60em; +} + +.clear{clear:both;} + +.close-btn { + display: block; + width: 2.625em; + height: 2.25em; + padding: 0; + border: 0; + outline: none; + background: #333333 url("../img/close-btn.svg") left center no-repeat; + background-size: 1.875em 1.875em; + overflow: hidden; + white-space: nowrap; + text-indent: 100%; + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); + opacity: 1; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +.no-svg .close-btn { + background-image: url("../img/close-btn.png"); +} +.close-btn:focus, .close-btn:hover { + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); + opacity: 1; +} + +.nav-btn { + display: block; + width: 2.625em; + height: 2.25em; + padding: 0; + border: 0; + outline: none; + background: #333333 url("../img/nav-icon.svg") left center no-repeat; + background-size: 1.875em 1.5em; + overflow: hidden; + white-space: nowrap; + text-indent: 100%; + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); + opacity: 0.7; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +.no-svg .nav-btn { + background-image: url("../img/nav-icon.png"); +} +.nav-btn:hover, .nav-btn:focus { + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); + opacity: 1; +} + +#outer-wrap { + position: relative; + overflow: hidden; + width: 100%; + background: #e6e6e6; +} + +#inner-wrap { + margin: auto; + width: 80%; + background: #f9f9f9; + padding: 40px; + border-right: 1px solid #d6d6d6; + border-left: 1px solid #d6d6d6; +} + +#disqus_thread{ + margin-top: 10px; + background: #fff; + padding: 10px; + border: 1px solid #e6e6e6; +} + +.header { + overflow: hidden; + background: #eee; + box-shadow: 0 1px #eee; +} + +#nav { + z-index: 200; + position: relative; + overflow: hidden; + width: 100%; + color: #fff; + background: #fff; +} +#nav .close-btn { + display: none; +} +#nav .block-title { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} +#nav .block { + z-index: 2; + position: relative; + padding: 0.75em 1.25em; + background: #fff; +} +#nav ul { + *zoom: 1; + display: block; +} +#nav ul:before, #nav ul:after { + content: ""; + display: table; +} +#nav ul:after { + clear: both; +} +#nav li { + display: block; +} +#nav li a { + display: block; + color: #ccc; + font-size: 0.875em; + line-height: 1.28571em; + font-weight: bold; + outline: none; +} +#nav li a:focus, #nav li a:hover { + color: #333; + background: rgba(255, 255, 255, 0.1); +} +#nav li.is-active a { + color: #333; +} + +.header #top .block img { + width: 30%; + +} + +#top { + z-index: 100; + position: relative; + color: #fff; +} +#top .block-title { + margin: 0; + font-size: 1.875em; + line-height: 1.2em; + text-align: center; + white-space: nowrap; +} +#top .nav-btn { + position: absolute; + top: 1.5em; + left: 1.875em; +} + +.block small { + color: #333; +} + +#main { + margin-top: 10px; +} +#main .block { + padding: 2.625em 1.875em; +} + +.post-outer { + width: 65%; + float: left; +} + +.posts, .post-read { + margin-top: 10px; + overflow: hidden; + background: #ffffff; + padding: 20px; + border: 1px solid #e9e9e9; +} + +.post-read { + margin-top: 10px; + overflow: hidden; + background: #ffffff; + padding: 10px; + border: 1px solid #e9e9e9; +} + +.related-image { + width: 95%; +} + +.posts img { + width: 40%; + float: left; +} + +.post-read .images { + width: 94%; + margin: 0px auto; + padding: 20px; +} + +.posts .post-content { + width: 57%; + float: right; + text-align: justify; +} + +.post-info { + margin-top: 0; + margin-bottom: 0; + padding: 0; + margin-right: 15px; + margin-left: 15px; + margin-top: 5px; + color: #333; + font-size: 12px; +} + +h3.post-title, h1.post-title { + font-family: 'Open Sans',sans-serif; + font-size: 18px; + font-weight: 700; + text-transform: none; + padding-bottom: 0; + text-align: left; + border-bottom: none; + border-top: none; + clear: initial; + color: #333; +} + +.related-posts { + width: 100%; + margin: 0px auto; + margin-top: 10px; + border-bottom: 1px solid #e9e9e9; + border-right: 1px solid #e9e9e9; + border-left: 1px solid #e9e9e9; + overflow: hidden; + background: #fff; +} + +.related-posts .post1 { + width: 30%; + float: left; + overflow: hidden; + border: 1px solid #e9e9e9; + margin: 8px; + vertical-align: middle; +} + +.related-posts .top { + border: 1px solid #e9e9e9; + border-left: none; + border-right: none; + padding: 5px 10px; + font-size: 18px; + font-weight: bold; + background: #f9f9f9; +} + +.related-posts .post1 img { + padding: 5px; +} +.related-posts .post1 #toper { + padding: 5px; + text-align: left; +} +.related-posts .post1 p { + padding: 5px; + text-align: justify; +} + +.related-posts #image { + overflow: hidden; + width: 20%; + padding: 20px; + float: left; +} + +.post-author-head { + width: 100%; + background: #f9f9f9; + bottom: 0px; + float: right; + padding: 5px; + font-weight: bold; + text-align: right; + border-top: 1px solid #e9e9e9; +} + +.related-posts #bio { + width: 70%; + float: right; + padding: 20px; + padding-left: 0px; +} + +.related-posts #image img{ + border-radius: 500px; + width: 100%; +} + +.post-read .post-title, .post-read h3.post-title { + border-bottom: 1px solid #e9e9e9; + text-align: center; + padding: 20px; + font-size: 24px; +} + +.post-read .post-info { + font-size: small; + text-align: center; + background: #fafafa; + padding: 10px; + box-shadow: 0 0 0 1px #eee; + margin-left: 0px; + margin-top: 10px; + margin-bottom: 10px; + width: 96%; +} + +.author-info, .review-info, .comment-info, .time-info { + margin-right: 8px; + display: inline; +} +.post-body { + width: 100%; + overflow: hidden; + margin-top: 5px; + margin-bottom: 10px; +} + +.left-outer { + width: 33%; + float: right; +} + +.left-outer .container { + margin-top: 10px; + background: #ffffff; + border: 1px solid #e9e9e9; +} + +.left-outer .container .logo{ + padding: 40px; + width: 50%; + margin: 0px auto; +} + +.left-outer .container .top { + padding: 7px; + border-bottom: 1px solid #e9e9e9; +} + +.left-outer .container form { + overflow: hidden; + padding: 20px; +} + +.left-outer .container h3 { + padding: 5px; +} + +.left-outer .container ul { + padding: 20px; +} + +.left-outer .container li { + padding: 5px; +} + +.left-outer .container p { + padding: 4px; +} + +.left-outer .container input { + margin: auto; + background: #f5f5f5; + color: #aaa; + padding: 10px; + margin-top: 10px; + font-size: 13px; + font-family: 'Open Sans'; + width: 91%; + border: 0; + border-radius: 3px; + box-shadow: inset 0 0 0 1px rgba(0,0,0,0); + transition: all 0.4s ease-out; +} + +.left-outer .container button { + margin-top: 10px; + background: #7DAA34; + color: #fff!important; + text-transform: uppercase; + font-weight: bold; + outline: none; + width: 97%; + cursor: pointer; + border-radius: 3px; + border: none; + transition: all 0.4s ease-out; + padding: 10px; +} + +.footer { + margin: 0px auto; + width: 83%; + overflow: hidden; + background: #7DAA34; + bottom: 0px; + padding: 20px; + color: #fff; +} + +a.read-more { + display: inline-block; + bottom: 20px; + background-color: #7DAA34; + color: #fff; + padding: 5px 10px 4px; + font-family: 'Open Sans'; + font-size: 11px; + font-weight: 700; + text-transform: uppercase; + border-radius: 2px; + transition: all .3s ease-out; +} + +footer[role="contentinfo"] { + background: #ddd; +} + +@media screen and (min-width: 45.0625em) { + + #top { + background: #fff; + } + + #top .nav-btn { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + } + + #nav .close-btn { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + } + #nav .block-title { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + } + + #nav ul { + text-align: center; + white-space: nowrap; + } + #nav li { + display: inline-block; + border-right: 1px solid rgba(255, 255, 255, 0.1); + } + #nav li:last-child { + border-right: none; + } + #nav li a { + padding: 0.42857em 0.85714em; + } +} +@media screen and (max-width: 45em) { + + #top { + background: #333; + } + + #inner-wrap { + width: 100%; + padding: 0px; + } + + #nav { + position: absolute; + top: 0; + padding-top: 5.25em; + } + #nav:not(:target) { + z-index: 1; + height: 0; + } + .post-outer { + margin-left: 0px; + padding: 10px; + } + .post-outer, .left-outer { + float: none; + width: 100%; + } + + .posts { + padding: 10px; + } + #nav:target .close-btn { + display: block; + } + #nav .close-btn { + position: absolute; + top: -3.75em; + left: 1.875em; + } + #nav .block { + position: relative; + padding: 0; + } + #nav li { + position: relative; + border-top: 1px solid rgba(255, 255, 255, 0.1); + } + #nav li:last-child { + border-bottom: 1px solid rgba(255, 255, 255, 0.1); + } + #nav li.is-active:after { + z-index: 50; + display: block; + content: ""; + position: absolute; + top: 50%; + right: -0.03125em; + margin-top: -0.625em; + border-top: 0.625em transparent solid; + border-bottom: 0.625em transparent solid; + border-right: 0.625em white solid; + } + #nav li a { + padding: 0.85714em 2.14286em; + } + + #main { + margin-top: 50px; + } + + #sb-search { + width: 100%; + } + + .js-ready #nav { + height: 100%; + width: 70%; + background: #333333; + -webkit-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); + -moz-box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); + box-shadow: inset -1.5em 0 1.5em -0.75em rgba(0, 0, 0, 0.25); + } + .js-ready #nav .block { + background: transparent; + } + .js-ready #nav .close-btn { + display: block; + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); + opacity: 0.7; + } + .js-ready #nav .close-btn:focus, .js-ready #nav .close-btn:hover { + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); + opacity: 1; + } + + .js-ready #nav { + left: -70%; + } + .js-ready #inner-wrap { + left: 0; + } + + .js-nav #inner-wrap { + left: 70%; + } + + .csstransforms3d.csstransitions.js-ready #nav { + left: 0; + -webkit-transform: translate3d(-100%, 0, 0); + -moz-transform: translate3d(-100%, 0, 0); + -ms-transform: translate3d(-100%, 0, 0); + -o-transform: translate3d(-100%, 0, 0); + transform: translate3d(-100%, 0, 0); + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + -o-backface-visibility: hidden; + backface-visibility: hidden; + } + .csstransforms3d.csstransitions.js-ready #inner-wrap { + left: 0 !important; + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + -webkit-transition: -webkit-transform 500ms ease; + -moz-transition: -moz-transform 500ms ease; + -o-transition: -o-transform 500ms ease; + transition: transform 500ms ease; + -webkit-backface-visibility: hidden; + -moz-backface-visibility: hidden; + -ms-backface-visibility: hidden; + -o-backface-visibility: hidden; + backface-visibility: hidden; + } + + .csstransforms3d.csstransitions.js-nav #inner-wrap { + -webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); + -moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); + -ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); + -o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); + transform: translate3d(70%, 0, 0) scale3d(1, 1, 1); + } + + .csstransforms3d.csstransitions.js-ready #nav .block { + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); + opacity: 0.7; + -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease; + -webkit-transition-delay: ease, 0s; + -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease; + -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease; + transition: opacity 300ms 100ms ease, transform 500ms ease; + -webkit-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); + -moz-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); + -ms-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); + -o-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); + transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9); + -webkit-transform-origin: 50% 0%; + -moz-transform-origin: 50% 0%; + -ms-transform-origin: 50% 0%; + -o-transform-origin: 50% 0%; + transform-origin: 50% 0%; + } + + .csstransforms3d.csstransitions.js-nav #nav .block { + filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); + opacity: 1; + -webkit-transform: translate3d(0, 0, 0); + -moz-transform: translate3d(0, 0, 0); + -ms-transform: translate3d(0, 0, 0); + -o-transform: translate3d(0, 0, 0); + transform: translate3d(0, 0, 0); + } +} diff --git a/assets/images/avatar.png b/assets/img/avatar.png similarity index 100% rename from assets/images/avatar.png rename to assets/img/avatar.png diff --git a/assets/img/close-btn.png b/assets/img/close-btn.png new file mode 100755 index 0000000..83fe61b Binary files /dev/null and b/assets/img/close-btn.png differ diff --git a/assets/img/close-btn.svg b/assets/img/close-btn.svg new file mode 100755 index 0000000..8a3b18d --- /dev/null +++ b/assets/img/close-btn.svg @@ -0,0 +1,5 @@ + + + + + \ No newline at end of file diff --git a/assets/img/dd.jpg b/assets/img/dd.jpg new file mode 100644 index 0000000..7004122 Binary files /dev/null and b/assets/img/dd.jpg differ diff --git a/assets/img/logo.png b/assets/img/logo.png new file mode 100644 index 0000000..bfe1859 Binary files /dev/null and b/assets/img/logo.png differ diff --git a/assets/img/logo2.png b/assets/img/logo2.png new file mode 100644 index 0000000..cd8f0e1 Binary files /dev/null and b/assets/img/logo2.png differ diff --git a/assets/img/nav-icon.png b/assets/img/nav-icon.png new file mode 100755 index 0000000..59318ea Binary files /dev/null and b/assets/img/nav-icon.png differ diff --git a/assets/img/nav-icon.svg b/assets/img/nav-icon.svg new file mode 100755 index 0000000..68e231f --- /dev/null +++ b/assets/img/nav-icon.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/assets/js/main.jquery.js b/assets/js/main.jquery.js new file mode 100755 index 0000000..75bfd86 --- /dev/null +++ b/assets/js/main.jquery.js @@ -0,0 +1,54 @@ +/*! + * + * Copyright (c) David Bushell | http://dbushell.com/ + * + */ +(function(window, document, undefined) +{ + + window.App = (function() + { + + var _init = false, app = { }; + + app.init = function() + { + if (_init) { + return; + } + _init = true; + + var nav_open = false, + $inner = $('#inner-wrap'); + + $('#nav-open-btn').on('click', function() + { + if (!nav_open) { + $inner.animate({ left: '70%' }, 500); + nav_open = true; + return false; + } + }); + + $('#nav-close-btn').on('click', function() + { + if (nav_open) { + $inner.animate({ left: '0' }, 500); + nav_open = false; + return false; + } + }); + + $(document.documentElement).addClass('js-ready'); + }; + + return app; + + })(); + + $.fn.ready(function() + { + window.App.init(); + }); + +})(window, window.document); diff --git a/assets/js/main.js b/assets/js/main.js new file mode 100755 index 0000000..de48de0 --- /dev/null +++ b/assets/js/main.js @@ -0,0 +1,156 @@ +/*! + * + * Copyright (c) David Bushell | http://dbushell.com/ + * + */ +(function(window, document, undefined) +{ + + // helper functions + + var trim = function(str) + { + return str.trim ? str.trim() : str.replace(/^\s+|\s+$/g,''); + }; + + var hasClass = function(el, cn) + { + return (' ' + el.className + ' ').indexOf(' ' + cn + ' ') !== -1; + }; + + var addClass = function(el, cn) + { + if (!hasClass(el, cn)) { + el.className = (el.className === '') ? cn : el.className + ' ' + cn; + } + }; + + var removeClass = function(el, cn) + { + el.className = trim((' ' + el.className + ' ').replace(' ' + cn + ' ', ' ')); + }; + + var hasParent = function(el, id) + { + if (el) { + do { + if (el.id === id) { + return true; + } + if (el.nodeType === 9) { + break; + } + } + while((el = el.parentNode)); + } + return false; + }; + + // normalize vendor prefixes + + var doc = document.documentElement; + + var transform_prop = window.Modernizr.prefixed('transform'), + transition_prop = window.Modernizr.prefixed('transition'), + transition_end = (function() { + var props = { + 'WebkitTransition' : 'webkitTransitionEnd', + 'MozTransition' : 'transitionend', + 'OTransition' : 'oTransitionEnd otransitionend', + 'msTransition' : 'MSTransitionEnd', + 'transition' : 'transitionend' + }; + return props.hasOwnProperty(transition_prop) ? props[transition_prop] : false; + })(); + + window.App = (function() + { + + var _init = false, app = { }; + + var inner = document.getElementById('inner-wrap'), + + nav_open = false, + + nav_class = 'js-nav'; + + + app.init = function() + { + if (_init) { + return; + } + _init = true; + + var closeNavEnd = function(e) + { + if (e && e.target === inner) { + document.removeEventListener(transition_end, closeNavEnd, false); + } + nav_open = false; + }; + + app.closeNav =function() + { + if (nav_open) { + // close navigation after transition or immediately + var duration = (transition_end && transition_prop) ? parseFloat(window.getComputedStyle(inner, '')[transition_prop + 'Duration']) : 0; + if (duration > 0) { + document.addEventListener(transition_end, closeNavEnd, false); + } else { + closeNavEnd(null); + } + } + removeClass(doc, nav_class); + }; + + app.openNav = function() + { + if (nav_open) { + return; + } + addClass(doc, nav_class); + nav_open = true; + }; + + app.toggleNav = function(e) + { + if (nav_open && hasClass(doc, nav_class)) { + app.closeNav(); + } else { + app.openNav(); + } + if (e) { + e.preventDefault(); + } + }; + + // open nav with main "nav" button + document.getElementById('nav-open-btn').addEventListener('click', app.toggleNav, false); + + // close nav with main "close" button + document.getElementById('nav-close-btn').addEventListener('click', app.toggleNav, false); + + // close nav by touching the partial off-screen content + document.addEventListener('click', function(e) + { + if (nav_open && !hasParent(e.target, 'nav')) { + e.preventDefault(); + app.closeNav(); + } + }, + true); + + addClass(doc, 'js-ready'); + + }; + + return app; + + })(); + + if (window.addEventListener) { + window.addEventListener('DOMContentLoaded', window.App.init, false); + } + +})(window, window.document); diff --git a/assets/js/modernizr.js b/assets/js/modernizr.js new file mode 100755 index 0000000..5162420 --- /dev/null +++ b/assets/js/modernizr.js @@ -0,0 +1,4 @@ +/* Modernizr 2.6.2 (Custom Build) | MIT & BSD + * Build: http://modernizr.com/download/#-csstransforms-csstransforms3d-csstransitions-svg-touch-shiv-mq-cssclasses-prefixed-teststyles-testprop-testallprops-prefixes-domprefixes-load + */ +;window.Modernizr=function(a,b,c){function B(a){j.cssText=a}function C(a,b){return B(m.join(a+";")+(b||""))}function D(a,b){return typeof a===b}function E(a,b){return!!~(""+a).indexOf(b)}function F(a,b){for(var d in a){var e=a[d];if(!E(e,"-")&&j[e]!==c)return b=="pfx"?e:!0}return!1}function G(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:D(f,"function")?f.bind(d||b):f}return!1}function H(a,b,c){var d=a.charAt(0).toUpperCase()+a.slice(1),e=(a+" "+o.join(d+" ")+d).split(" ");return D(b,"string")||D(b,"undefined")?F(e,b):(e=(a+" "+p.join(d+" ")+d).split(" "),G(e,b,c))}var d="2.6.2",e={},f=!0,g=b.documentElement,h="modernizr",i=b.createElement(h),j=i.style,k,l={}.toString,m=" -webkit- -moz- -o- -ms- ".split(" "),n="Webkit Moz O ms",o=n.split(" "),p=n.toLowerCase().split(" "),q={svg:"http://www.w3.org/2000/svg"},r={},s={},t={},u=[],v=u.slice,w,x=function(a,c,d,e){var f,i,j,k,l=b.createElement("div"),m=b.body,n=m||b.createElement("body");if(parseInt(d,10))while(d--)j=b.createElement("div"),j.id=e?e[d]:h+(d+1),l.appendChild(j);return f=["­",'"].join(""),l.id=h,(m?l:n).innerHTML+=f,n.appendChild(l),m||(n.style.background="",n.style.overflow="hidden",k=g.style.overflow,g.style.overflow="hidden",g.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),g.style.overflow=k),!!i},y=function(b){var c=a.matchMedia||a.msMatchMedia;if(c)return c(b).matches;var d;return x("@media "+b+" { #"+h+" { position: absolute; } }",function(b){d=(a.getComputedStyle?getComputedStyle(b,null):b.currentStyle)["position"]=="absolute"}),d},z={}.hasOwnProperty,A;!D(z,"undefined")&&!D(z.call,"undefined")?A=function(a,b){return z.call(a,b)}:A=function(a,b){return b in a&&D(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=v.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(v.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(v.call(arguments)))};return e}),r.touch=function(){var c;return"ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch?c=!0:x(["@media (",m.join("touch-enabled),("),h,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(a){c=a.offsetTop===9}),c},r.csstransforms=function(){return!!H("transform")},r.csstransforms3d=function(){var a=!!H("perspective");return a&&"webkitPerspective"in g.style&&x("@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}",function(b,c){a=b.offsetLeft===9&&b.offsetHeight===3}),a},r.csstransitions=function(){return H("transition")},r.svg=function(){return!!b.createElementNS&&!!b.createElementNS(q.svg,"svg").createSVGRect};for(var I in r)A(r,I)&&(w=I.toLowerCase(),e[w]=r[I](),u.push((e[w]?"":"no-")+w));return e.addTest=function(a,b){if(typeof a=="object")for(var d in a)A(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},B(""),i=k=null,function(a,b){function k(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x",d.insertBefore(c.lastChild,d.firstChild)}function l(){var a=r.elements;return typeof a=="string"?a.split(" "):a}function m(a){var b=i[a[g]];return b||(b={},h++,a[g]=h,i[h]=b),b}function n(a,c,f){c||(c=b);if(j)return c.createElement(a);f||(f=m(c));var g;return f.cache[a]?g=f.cache[a].cloneNode():e.test(a)?g=(f.cache[a]=f.createElem(a)).cloneNode():g=f.createElem(a),g.canHaveChildren&&!d.test(a)?f.frag.appendChild(g):g}function o(a,c){a||(a=b);if(j)return a.createDocumentFragment();c=c||m(a);var d=c.frag.cloneNode(),e=0,f=l(),g=f.length;for(;e",f="hidden"in a,j=a.childNodes.length==1||function(){b.createElement("a");var a=b.createDocumentFragment();return typeof a.cloneNode=="undefined"||typeof a.createDocumentFragment=="undefined"||typeof a.createElement=="undefined"}()}catch(c){f=!0,j=!0}})();var r={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,supportsUnknownElements:j,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:q,createElement:n,createDocumentFragment:o};a.html5=r,q(b)}(this,b),e._version=d,e._prefixes=m,e._domPrefixes=p,e._cssomPrefixes=o,e.mq=y,e.testProp=function(a){return F([a])},e.testAllProps=H,e.testStyles=x,e.prefixed=function(a,b,c){return b?H(a,b,c):H(a,"pfx")},g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+u.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f