From 6ea753407b2a2eaf51a198a5dbcb8de20f20773e Mon Sep 17 00:00:00 2001 From: xDinomode Date: Tue, 1 Nov 2016 14:52:33 -0500 Subject: [PATCH] fixed up the navbar --- _includes/header.html | 2 +- about.md | 22 ++++++++++++++++------ css/main.css | 2 +- gulpcss/main.css | 17 +++++++++++++---- index.md | 1 + js/buttons.js | 1 + package.json | 7 ++++--- 7 files changed, 37 insertions(+), 15 deletions(-) create mode 100644 js/buttons.js diff --git a/_includes/header.html b/_includes/header.html index fc6448f..060b377 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -1,7 +1,7 @@

Home

-

About

Posts

+

About

Contact

diff --git a/about.md b/about.md index dc49b49..7e192cb 100644 --- a/about.md +++ b/about.md @@ -6,16 +6,26 @@ title: About ### What's this website all about? -Dinosaurscode is a website for programmers, coders, web developers, and web designers to learn new skills. +Dinosaurscode was built to share helpful tips, tricks, and information to coders. -There are lots of new technologies popping up daily and this is the place to learn them all. +
-### How is this website built? +### Want to guest blog? -It's built using the popular static site generator [Jekyll](https://jekyllrb.com/) and proudly hosted on [Github](https://github.com/xDinomode/DinosBlog). All blog posts are in the folder **_posts**. +Hit **Contact** in the upper navigation bar and shoot us an email. -### Want to guest blog? +
+ +### Buy me a coffee + +If you found anything on this blog useful then feel free to buy me a coffee. -Go to contact in the navbar and submit an idea with an email to respond to. +
+ + + + +
diff --git a/css/main.css b/css/main.css index 077ceac..79172ab 100644 --- a/css/main.css +++ b/css/main.css @@ -1 +1 @@ -h1,h2,h3,h4,h5,h6,p{padding:6px;color:#333}p,ul li{color:#333}#ad,a,body,hr,iframe,strong{padding:0}#footer-pages a,.flex-header-item a,.page a,.post a{text-decoration:none}.highlight .cp,.highlight .cs,.highlight .k,.highlight .kc,.highlight .kd,.highlight .kp,.highlight .kr,.highlight .kt,.highlight .nc,.highlight .ne,.highlight .nf,.highlight .o,.highlight .ow,h1,h2,h3,h4,h5,h6{font-weight:700}.highlight .c,.highlight .c1,.highlight .cm,.highlight .cs,.highlight .ge,dfn{font-style:italic}#html5-wrapper aside,#html5-wrapper footer,#html5-wrapper header,#html5-wrapper header nav,#html5-wrapper section,*,legend{box-sizing:border-box}*{margin:0}article,aside,figure,footer,header,main,nav,section{display:block}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{background-color:#fff;color:#151515;font-smoothing:antialised;line-height:1.4}h1,h2,h3,h4,h5,h6{font-family:Oswald,Helvetica,sans-serif}blockquote{padding:0 15px;color:#777;border-left:4px solid #ddd;font-size:16px}p,strong,ul li{font-size:1em}strong{font-family:"source sans pro" Helvetica,sans-serif}a{color:#4078c0}a:hover{color:#1E1F2B}p{font-family:'Source Sans Pro',Helvetica,sans-serif;line-height:150%;margin-bottom:1.4rem}hr.style-one{border:0;height:1px;background:#333;background-image:linear-gradient(to right,#ccc,#333,#ccc)}#indexwelcome{background-color:#E0E0E0;padding:28px}.home-introduction{font-size:1.563em;text-align:center}.home-button{width:160px;border:4px solid #000;background:#fff;height:55px;margin:0 auto}.home-button a{line-height:48px;display:inline-block;width:100%;height:100%}#ad{width:60%;height:auto;overflow:hidden;margin:0 auto}.flex-header-container{display:flex;flex-wrap:wrap;background:#333;border-bottom:4px solid #4DBCE9}.flex-header-item{min-width:80px;flex-grow:1}.flex-header-item .logo{display:block;margin:5px auto 0;text-align:center;color:#4DBCE9;height:55px}.one{flex-shrink:100%}.five,.four,.three,.two{flex-shrink:1}.flex-header-item h1{font-size:1.2em}.flex-header-item a{color:#fff}#footer-pages a:hover,#social-footer-icons a:hover,.flex-header-item a:hover{color:#4DBCE9}.selected-item{padding:10px;border-bottom:3px solid #4DBCE9}#footer{width:100%;padding:40px;background-color:#2b2636;clear:both;border-top:8px solid #333;border-top:4px solid #4DBCE9}#social-footer-icons{text-align:center;font-size:33px}#social-footer-icons a{color:#fff}#footer-pages{width:100%;text-align:center;font-family:Helvetica,sans-serif}#footer-pages ul{padding:0;display:inline-block}#footer-pages ul li{display:inline}#footer-pages a{font-size:.89em;color:#fff}.post{width:74%;padding:0;margin:0 auto}.post-header{color:#151515;padding:9px;text-align:center}.post-meta{color:#777;font-size:14px;text-align:left;padding:6px 0}.post-content{font-size:1.375em;text-align:left}.post-content ul li{font-family:Source-sans-pro,sans-serif;font-size:1em}.post-content ul li a{font-family:Oswald,sans-serif}.posts{width:74%;margin:23px auto;padding:4px}.posts p,.posts-list p,.posts-list-excerpt p{margin:0;padding:0}.posts p{color:#424242}.posts-list{text-align:left;font-size:1em}.posts-list-excerpt{font-size:.875em;margin:0;color:#ccc;text-align:left}.posts-list-excerpt>h3,.posts-list-excerpt>p>img,h4,h5,h6{display:none;height:0}.post a{color:#1accd7}.post-title{font-size:2.3em}.post img{max-width:100%;height:auto;border:1px solid #ddd}.post-latest{list-style-type:none;background:#2B2636;text-align:center}.post-latest li{list-style-type:none;padding:15px 18px;font-size:1.313em;font-family:Oswald}.post-latest li a{color:#4DBCE9}.post-latest li a:hover{color:#fff}.page-content{width:75%;padding:6px;margin:0 auto}.page-content>h1,h2,h3,h4,h5,h6{display:block;height:auto}.page-content p{text-align:left}.page .page-header .page-title,.page-not-found{text-align:center}.page .page-header{border-bottom:4px solid #151515;padding:8px}.page .page-content{font-family:Helvetica,sans-serif;font-size:1.25em;width:100%;text-align:center}.page img{display:block;width:70%;margin:0 auto}#recent-posts{padding-top:85px}.hvr-underline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}progress,sub,sup{vertical-align:baseline}.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:#36cefb;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-center:active:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:hover:before{left:0;right:0}.x{color:#151515}.x:hover{color:#2098d1}.page-not-found{padding:250px 0;color:orange}@media (max-width:640px){#header,.page img{width:100%}.page{height:auto}#header{float:none}#header .nav{width:100%;padding:0}#header .nav ul{padding:0}#header .nav ul li{display:inline}.page-content{padding:0;float:none;width:99%}#recent-posts{padding-top:50px}.post{width:100%}.post-latest{text-align:left;padding:0}.post-latest li{padding:18px 5px}#ad,#wrapper{padding:0;width:100%}#share-wrapper{position:relative;padding-bottom:40px;margin:0 auto}.twitter-share-button{float:right;margin:0 auto}.fb-share-button{float:right;margin-right:9px}.posts{width:88%}.page-not-found{padding:136px 0}#footer{margin-top:5px}}@media(max-width:550px){#header .nav .logo,#header .nav ul{width:100%;display:block}#header .nav .logo p,#header .nav ul{line-height:40px}.one{width:100%;font-size:.9em;background:#fff}#header{height:auto}#header .nav ul{font-size:13px;text-align:center}#header .nav ul li{padding:5px}}@media (max-width:349px){.five,.four,.three,.two{min-width:45px;font-size:.9em}#header .nav{padding:0}#header .nav ul{text-align:center}}.highlighter-rouge{border:3px solid #424242;margin-bottom:1.4rem}.highlight,body,code{margin:0}.highlight{background:0 0;word-spacing:0}.highlight .c{color:#998}.highlight .err{color:#000;background-color:none}.highlight .cm{color:#998}.highlight .cp{color:#999}.highlight .c1{color:#998}.highlight .cs{color:#999}.highlight .gd{color:#000;background-color:#fdd}.highlight .gd .x{color:#000;background-color:#faa}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .gi .x{color:#000;background-color:#afa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:700}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kt{color:#458}.highlight .m{color:#099}.highlight .s{color:#d14}.highlight .na{color:teal}.highlight .nb{color:#0086B3}.highlight .nc{color:#458}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne,.highlight .nf{color:#900}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .w{color:#bbb}.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#099}.highlight .s2,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx{color:#d14}.highlight .sr{color:#000}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc,.highlight .vg,.highlight .vi{color:teal}.highlight .il{color:#099}.highlight .lineno{color:#ccc;display:inline-block;padding:0 5px;border-right:1px solid #ccc}.highlight pre code{display:block;white-space:pre;overflow-x:auto;word-wrap:normal}code span{padding:0}.highlight{padding:8px;font-size:.688em;overflow-x:auto;overflow-y:hidden;background-color:#f7f7f7;border:1px solid #e7e7e7}button,hr,input{overflow:visible}/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}h1{margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=submit],button,html [type=button],left [type=reset]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=radio],[type=checkbox]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-uploadhare-buttons{list-style:none;padding:0}ul.share-buttons{list-style:none;padding:0;height:55px}ul.share-buttons li{display:inline}ul.share-buttons li img{border:none;width:32px}#html5-wrapper{width:100%}#html5-wrapper header{width:100%;border:2px solid #000;background-color:green}#html5-wrapper header nav{width:100%;border:1px solid pink;background-color:#0ff}#html5-wrapper section{width:60%;border:2px solid red;background-color:orange;float:left}#html5-wrapper aside{width:40%;border:2px solid brown;background-color:purple;float:left}#html5-wrapper footer{width:100%;border:2px solid green;background-color:red;clear:both}.videowrapper{float:none;clear:both;width:100%;position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.videowrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%} \ No newline at end of file +h1,h2,h3,h4,h5,h6,p{padding:6px;color:#333}p,ul li{color:#333}#ad,a,body,hr,iframe,strong{padding:0}#footer-pages,#indexwelcomelist,#social-footer-icons,.home-introduction,.post-header{text-align:center}#footer-pages a,.flex-header-item a,.page a,.post a{text-decoration:none}.highlight .cp,.highlight .cs,.highlight .k,.highlight .kc,.highlight .kd,.highlight .kp,.highlight .kr,.highlight .kt,.highlight .nc,.highlight .ne,.highlight .nf,.highlight .o,.highlight .ow,h1,h2,h3,h4,h5,h6{font-weight:700}.highlight .c,.highlight .c1,.highlight .cm,.highlight .cs,.highlight .ge,dfn{font-style:italic}#html5-wrapper aside,#html5-wrapper footer,#html5-wrapper header,#html5-wrapper header nav,#html5-wrapper section,*,legend{box-sizing:border-box}*{margin:0}article,aside,figure,footer,header,main,nav,section{display:block}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{background-color:#fff;color:#151515;font-smoothing:antialiased;line-height:1.4}h1,h2,h3,h4,h5,h6{font-family:Oswald,Helvetica,sans-serif}blockquote{padding:0 15px;color:#777;border-left:4px solid #ddd;font-size:16px}p,strong,ul li{font-size:1em}strong{font-family:"source sans pro" Helvetica,sans-serif}a{color:#4078c0}a:hover{color:#1E1F2B}p{font-family:'Source Sans Pro',Helvetica,sans-serif;line-height:150%;margin-bottom:1.4rem}hr.style-one{border:0;height:1px;background:#333;background-image:linear-gradient(to right,#ccc,#333,#ccc)}#indexwelcome{background-color:#E0E0E0;padding:28px}.home-introduction{font-size:1.563em}.home-button{width:160px;border:4px solid #000;background:#fff;height:55px;margin:0 auto}.home-button a{line-height:48px;display:inline-block;width:100%;height:100%}#ad{width:60%;height:auto;overflow:hidden;margin:0 auto}.flex-header-container{display:flex;flex-wrap:wrap;background:#e0e0e0;border-bottom:2px solid #4DBCE9;border-bottom:1px solid #333}.flex-header-item{min-width:80px;flex-grow:1}.flex-header-item .logo{display:block;margin:5px auto 0;text-align:center;color:#4DBCE9;height:55px}.one{flex-shrink:100%}.five,.four,.three,.two{flex-shrink:1}.flex-header-item h1{font-size:1.2em}.flex-header-item a{color:#333}.flex-header-item a:hover{color:#4078c0}.selected-item{padding:10px;color:#4DBCE9;background:#fff}#footer{width:100%;padding:40px;background:#333;clear:both}#social-footer-icons{font-size:33px}#social-footer-icons a{color:#fff}#footer-pages a:hover,#social-footer-icons a:hover{color:#4DBCE9}#footer-pages{width:100%;font-family:Helvetica,sans-serif}#footer-pages ul{padding:0;display:inline-block}#footer-pages ul li{display:inline}#footer-pages a{font-size:.89em;color:#fff}.post{width:74%;padding:0;margin:0 auto}.post-header{color:#151515;padding:9px}.post-meta{color:#777;font-size:14px;text-align:left;padding:6px 0}.post-content{font-size:1.375em;text-align:left}.post-content ul li{font-family:Source-sans-pro,sans-serif;font-size:1em}.post-content ul li a{font-family:Oswald,sans-serif}.posts{width:74%;margin:23px auto;padding:4px}.posts p,.posts-list p,.posts-list-excerpt p{margin:0;padding:0}.posts p{color:#424242}.posts-list{text-align:left;font-size:1em}.posts-list-excerpt{font-size:.875em;margin:0;color:#ccc;text-align:left}.posts-list-excerpt>h3,.posts-list-excerpt>p>img,h4,h5,h6{display:none;height:0}.post a{color:#1accd7}.post-title{font-size:2.3em}.post img{max-width:100%;height:auto;border:1px solid #ddd}.post-latest{list-style-type:none;background:#333;text-align:center}.post-latest li{list-style-type:none;padding:15px 18px;font-size:1.313em;font-family:Oswald}.post-latest li a{color:#4078c0}.post-latest li a:hover{color:#fff}.page-content{width:75%;padding:6px;margin:0 auto}.page-content>h1,h2,h3,h4,h5,h6{display:block;height:auto}.page-content p{text-align:left}.page .page-header .page-title,.page-not-found{text-align:center}.page .page-header{border-bottom:4px solid #151515;padding:8px}.page .page-content{font-family:Helvetica,sans-serif;font-size:1.25em;width:100%;text-align:center}.page img{display:block;width:70%;margin:0 auto}#recent-posts{padding-top:85px}.hvr-underline-from-center{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}progress,sub,sup{vertical-align:baseline}.hvr-underline-from-center:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:#36cefb;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.hvr-underline-from-center:active:before,.hvr-underline-from-center:focus:before,.hvr-underline-from-center:hover:before{left:0;right:0}.x{color:#151515}.x:hover{color:#2098d1}.page-not-found{padding:250px 0;color:orange}@media (max-width:640px){#header,.page img{width:100%}.page{height:auto}#header{float:none}#header .nav{width:100%;padding:0}#header .nav ul{padding:0}#header .nav ul li{display:inline}.page-content{padding:0;float:none;width:99%}#recent-posts{padding-top:50px}.post{width:100%}.post-latest{text-align:left;padding:0}.post-latest li{padding:18px 5px}#ad,#wrapper{padding:0;width:100%}#share-wrapper{position:relative;padding-bottom:40px;margin:0 auto}.twitter-share-button{float:right;margin:0 auto}.fb-share-button{float:right;margin-right:9px}.posts{width:88%}.page-not-found{padding:136px 0}#footer{margin-top:5px}}@media(max-width:550px){#header .nav .logo,#header .nav ul{width:100%;display:block}#header .nav .logo p,#header .nav ul{line-height:40px}.one{width:100%;font-size:.9em;background:#fff}#header{height:auto}#header .nav ul{font-size:13px;text-align:center}#header .nav ul li{padding:5px}}@media (max-width:349px){.five,.four,.three,.two{min-width:45px;font-size:.9em}#header .nav{padding:0}#header .nav ul{text-align:center}}.highlighter-rouge{border:3px solid #424242;margin-bottom:1.4rem}.highlight,body,code{margin:0}.highlight{background:0 0;word-spacing:0}.highlight .c{color:#998}.highlight .err{color:#000;background-color:none}.highlight .cm{color:#998}.highlight .cp{color:#999}.highlight .c1{color:#998}.highlight .cs{color:#999}.highlight .gd{color:#000;background-color:#fdd}.highlight .gd .x{color:#000;background-color:#faa}.highlight .gr{color:#a00}.highlight .gh{color:#999}.highlight .gi{color:#000;background-color:#dfd}.highlight .gi .x{color:#000;background-color:#afa}.highlight .go{color:#888}.highlight .gp{color:#555}.highlight .gs{font-weight:700}.highlight .gu{color:#aaa}.highlight .gt{color:#a00}.highlight .kt{color:#458}.highlight .m{color:#099}.highlight .s{color:#d14}.highlight .na{color:teal}.highlight .nb{color:#0086B3}.highlight .nc{color:#458}.highlight .no{color:teal}.highlight .ni{color:purple}.highlight .ne,.highlight .nf{color:#900}.highlight .nn{color:#555}.highlight .nt{color:navy}.highlight .nv{color:teal}.highlight .w{color:#bbb}.highlight .mf,.highlight .mh,.highlight .mi,.highlight .mo{color:#099}.highlight .s2,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx{color:#d14}.highlight .sr{color:#000}.highlight .s1{color:#d14}.highlight .ss{color:#990073}.highlight .bp{color:#999}.highlight .vc,.highlight .vg,.highlight .vi{color:teal}.highlight .il{color:#099}.highlight .lineno{color:#ccc;display:inline-block;padding:0 5px;border-right:1px solid #ccc}.highlight pre code{display:block;white-space:pre;overflow-x:auto;word-wrap:normal}code span{padding:0}.highlight{padding:8px;font-size:.688em;overflow-x:auto;overflow-y:hidden;background-color:#f7f7f7;border:1px solid #e7e7e7}button,hr,input{overflow:visible}/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}h1{margin:.67em 0}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}svg:not(:root){overflow:hidden}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}button,input,select,textarea{font:inherit;margin:0}optgroup{font-weight:700}button,select{text-transform:none}[type=submit],button,html [type=button],left [type=reset]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=radio],[type=checkbox]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-file-uploadhare-buttons{list-style:none;padding:0}ul.share-buttons{list-style:none;padding:0;height:55px}ul.share-buttons li{display:inline}ul.share-buttons li img{border:none;width:32px}#html5-wrapper{width:100%}#html5-wrapper header{width:100%;border:2px solid #000;background-color:green}#html5-wrapper header nav{width:100%;border:1px solid pink;background-color:#0ff}#html5-wrapper section{width:60%;border:2px solid red;background-color:orange;float:left}#html5-wrapper aside{width:40%;border:2px solid brown;background-color:purple;float:left}#html5-wrapper footer{width:100%;border:2px solid green;background-color:red;clear:both}.videowrapper{float:none;clear:both;width:100%;position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.videowrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%} \ No newline at end of file diff --git a/gulpcss/main.css b/gulpcss/main.css index e09f456..516b773 100644 --- a/gulpcss/main.css +++ b/gulpcss/main.css @@ -83,6 +83,9 @@ iframe{ background-color: #E0E0E0; padding: 28px; } +#indexwelcomelist { + text-align: center; +} .home-introduction { font-size: 1.563em; text-align: center; @@ -120,7 +123,9 @@ iframe{ display: flex; flex-wrap: wrap; background: #333; - border-bottom: 4px solid #4DBCE9; + background: #e0e0e0; + border-bottom: 2px solid #4DBCE9; + border-bottom: 1px solid #333; } .flex-header-item{ min-width: 80px; @@ -155,13 +160,16 @@ iframe{ .flex-header-item a{ color: white; text-decoration: none; + color: #333; } .flex-header-item a:hover{ color: #4DBCE9; + color: #4078c0; } .selected-item{ padding: 10px; - border-bottom: 3px solid #4DBCE9; + color: #4DBCE9; + background: white; } /*end-flex-header*/ @@ -172,9 +180,8 @@ iframe{ padding:40px; background-color: #151515; background-color: #2b2636; + background: #333; clear: both; - border-top: 8px solid #333; - border-top: 4px solid #4DBCE9; } #social-footer-icons { text-align:center; @@ -290,6 +297,7 @@ iframe{ .post-latest{ list-style-type: none; background: #2B2636; + background: #333; text-align:center; } .post-latest li{ @@ -300,6 +308,7 @@ iframe{ } .post-latest li a{ color: #4DBCE9; + color: #4078c0; } .post-latest li a:hover{ color:white; diff --git a/index.md b/index.md index 03a6f02..cdbfd54 100644 --- a/index.md +++ b/index.md @@ -7,6 +7,7 @@ description: Learn new programming tips and tricks. Web design, Web development,

A blog written for coders

+

Node.js ✓ HTML5 ✓ CSS3 ✓ and much more...

Start Here

diff --git a/js/buttons.js b/js/buttons.js new file mode 100644 index 0000000..4a8e268 --- /dev/null +++ b/js/buttons.js @@ -0,0 +1 @@ +!function(t,n,i,e){"use strict";function o(n,i){this.options=t.extend({},d,i),this._defaults=d,this._name=u,this.$element=t(n),this.init()}var u="menuButton",d={propertyName:"value"};o.prototype={constructor:o,init:function(){this.toggle()},toggle:function(t,n){"show"===this.$element.data("dropdown")?this.hideMenu():this.showMenu()},showMenu:function(){this.$element.data("dropdown","show"),this.$element.find("ul").show()},hideMenu:function(){this.$element.data("dropdown","hide"),this.$element.find("ul").hide()}},t.fn[u]=function(n){return this.each(function(){t.data(this,"plugin_"+u)?t.data(this,"plugin_"+u).toggle():t.data(this,"plugin_"+u,new o(this,n))})},t(i).on("click",function(n){t.each(t("[data-buttons=dropdown]"),function(i,e){t(n.target.offsetParent)[0]!=t(this)[0]&&t.data(this,"plugin_"+u)&&(t.data(this,"plugin_"+u).hideMenu(),t(this).find("ul").hide())})}),t(i).on("click","[data-buttons=dropdown]",function(n){var i=t(n.currentTarget);i.menuButton()}),t(i).on("click","[data-buttons=dropdown] > a",function(t){t.preventDefault()})}(jQuery,window,document); \ No newline at end of file diff --git a/package.json b/package.json index 213192c..9b56f85 100644 --- a/package.json +++ b/package.json @@ -18,13 +18,14 @@ "homepage": "https://github.com/xDinomode/jekylltest#readme", "devDependencies": { "gulp": "^3.9.1", - "gulp-clean-css": "^2.0.5", + "gulp-clean-css": "^2.0.13", "gulp-concat": "^2.6.0", "gulp-htmlmin": "^1.3.0", - "gulp-imagemin": "^3.0.1", + "gulp-imagemin": "^3.1.0", "gulp-jshint": "^2.0.0", "gulp-rename": "^1.2.2", - "gulp-uglify": "^1.5.3", + "gulp-uglify": "^1.5.4", + "imagemin-pngquant": "^5.0.0", "jshint": "^2.9.1" } }