From 6f422494e4fd3a90afb6787c51b7ad9e0832fe80 Mon Sep 17 00:00:00 2001 From: Afnizar Nur Ghifari Date: Sat, 13 May 2017 05:43:59 +0700 Subject: [PATCH] Update comment --- .babelrc | 5 - .bowerrc | 3 - .editorconfig | 25 ---- .gitattributes | 1 - .gitignore | 4 - .yo-rc.json | 3 - css/custom.min.css | 12 +- css/kube.css | 2 +- index.html | 20 +-- scss/custom.scss | 294 ++++++++++++++++++++++----------------------- 10 files changed, 164 insertions(+), 205 deletions(-) delete mode 100644 .babelrc delete mode 100644 .bowerrc delete mode 100644 .editorconfig delete mode 100644 .gitattributes delete mode 100644 .yo-rc.json diff --git a/.babelrc b/.babelrc deleted file mode 100644 index 3c078e9..0000000 --- a/.babelrc +++ /dev/null @@ -1,5 +0,0 @@ -{ - "presets": [ - "es2015" - ] -} diff --git a/.bowerrc b/.bowerrc deleted file mode 100644 index 69fad35..0000000 --- a/.bowerrc +++ /dev/null @@ -1,3 +0,0 @@ -{ - "directory": "bower_components" -} diff --git a/.editorconfig b/.editorconfig deleted file mode 100644 index 4e31a94..0000000 --- a/.editorconfig +++ /dev/null @@ -1,25 +0,0 @@ -# EditorConfig helps developers define and maintain consistent -# coding styles between different editors and IDEs -# editorconfig.org - -root = true - - -[*] - -# change these settings to your own preference -indent_style = space -indent_size = 2 - -# we recommend you to keep these unchanged -end_of_line = lf -charset = utf-8 -trim_trailing_whitespace = true -insert_final_newline = true - -[*.md] -trim_trailing_whitespace = false - -[{package,bower}.json] -indent_style = space -indent_size = 2 diff --git a/.gitattributes b/.gitattributes deleted file mode 100644 index 2125666..0000000 --- a/.gitattributes +++ /dev/null @@ -1 +0,0 @@ -* text=auto \ No newline at end of file diff --git a/.gitignore b/.gitignore index 36e1259..5df1b9b 100644 --- a/.gitignore +++ b/.gitignore @@ -1,5 +1 @@ -node_modules -.tmp .sass-cache -bower_components -test/bower_components diff --git a/.yo-rc.json b/.yo-rc.json deleted file mode 100644 index 7a21352..0000000 --- a/.yo-rc.json +++ /dev/null @@ -1,3 +0,0 @@ -{ - "generator-mocha": {} -} \ No newline at end of file diff --git a/css/custom.min.css b/css/custom.min.css index 8de0abd..e6feb2f 100755 --- a/css/custom.min.css +++ b/css/custom.min.css @@ -1,6 +1,6 @@ -/* - * Draco HTML Template by @flamekaizar - * License: Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0) - */ - -h1,h2,h3,h4,h5,h6{font-family:"Playfair Display SC",serif;color:#333}a,p,li{font-family:"Lato",Arial,sans-serif;color:#4e4e4e;font-size:1em;line-height:1.75em}a:hover{text-decoration:none !important;color:#333 !important;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.container{margin:auto;max-width:662px;padding:0 20px}@media only screen and (max-width: 767px){.intro img{display:block;margin-left:auto;margin-right:auto}footer{text-align:center}}.typed-cursor{opacity:1;font-weight:100;-webkit-animation:blink 0.7s infinite;-moz-animation:blink 0.7s infinite;-ms-animation:blink 0.7s infinite;-o-animation:blink 0.7s infinite;animation:blink 0.7s infinite}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-moz-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-ms-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-o-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.main-nav{background:#f4f4f4;padding-top:23px}.main-nav nav ul li a{color:#a7a7a7}.main-nav nav ul li.active a{color:#4d4d4d}.section.second{margin-bottom:90px}.section .container{position:relative}.section .container:after{position:absolute;content:url(../img/separator.png);left:20px}.section .container h1{text-transform:uppercase;margin-bottom:30px;position:relative}.intro{padding:95px 0px 70px 0px;overflow-x:hidden}.intro img{width:81px;height:81px;border-radius:99px}.intro .wrap{margin:30px 0px}.intro h1:before{position:absolute;left:-220px;top:-150px;font-size:270px;z-index:-1;color:#f4f4f4}.intro h1 span{font-size:47px}.work .work-list{margin-left:0px}.work .work-list li{list-style:none;font-size:0.9375em;color:#8c8c8c}.work .work-list li a{padding-bottom:5px;font-size:1.1875em;font-weight:700;text-decoration:none;border-bottom:1px solid #b3b3b3}.work .work-list li a:hover{border-bottom:1px solid #333}.award .award-list{margin-left:0px}.award .award-list li:first-child{font-size:0.9375em;color:#8c8c8c}.skills .skill-list{margin-left:0px}.skills .skill-list li:first-child{font-size:0.9375em;color:#8c8c8c}.quote{background:url(../img/bg.jpg);padding:20px 0px;margin-top:120px}.quote h1{margin:100px 0px;padding:40px 20px;border:5px solid #fff;color:#fff}footer{padding:50px 0px 0px 0px}footer .social li{display:inline;margin-left:20px}footer .social li a{font-size:1.25em;color:#999} +/* + * Draco HTML Template by @afnizarnur + * License: Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0) + */ + +h1,h2,h3,h4,h5,h6{font-family:"Playfair Display SC",serif;color:#333}a,p,li{font-family:"Lato",Arial,sans-serif;color:#4e4e4e;font-size:1em;line-height:1.75em}a:hover{text-decoration:none !important;color:#333 !important;-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}.container{margin:auto;max-width:662px;padding:0 20px}@media only screen and (max-width: 767px){.intro img{display:block;margin-left:auto;margin-right:auto}footer{text-align:center}}.typed-cursor{opacity:1;font-weight:100;-webkit-animation:blink 0.7s infinite;-moz-animation:blink 0.7s infinite;-ms-animation:blink 0.7s infinite;-o-animation:blink 0.7s infinite;animation:blink 0.7s infinite}@-webkit-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-moz-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-ms-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}@-o-keyframes blink{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.main-nav{background:#f4f4f4;padding-top:23px}.main-nav nav ul li a{color:#a7a7a7}.main-nav nav ul li.active a{color:#4d4d4d}.section.second{margin-bottom:90px}.section .container{position:relative}.section .container:after{position:absolute;content:url(../img/separator.png);left:20px}.section .container h1{text-transform:uppercase;margin-bottom:30px;position:relative}.intro{padding:95px 0px 70px 0px;overflow-x:hidden}.intro img{width:81px;height:81px;border-radius:99px}.intro .wrap{margin:30px 0px}.intro h1:before{position:absolute;left:-220px;top:-150px;font-size:270px;z-index:-1;color:#f4f4f4}.intro h1 span{font-size:47px}.work .work-list{margin-left:0px}.work .work-list li{list-style:none;font-size:0.9375em;color:#8c8c8c}.work .work-list li a{padding-bottom:5px;font-size:1.1875em;font-weight:700;text-decoration:none;border-bottom:1px solid #b3b3b3}.work .work-list li a:hover{border-bottom:1px solid #333}.award .award-list{margin-left:0px}.award .award-list li:first-child{font-size:0.9375em;color:#8c8c8c}.skills .skill-list{margin-left:0px}.skills .skill-list li:first-child{font-size:0.9375em;color:#8c8c8c}.quote{background:url(../img/bg.jpg);padding:20px 0px;margin-top:120px}.quote h1{margin:100px 0px;padding:40px 20px;border:5px solid #fff;color:#fff}footer{padding:50px 0px 0px 0px}footer .social li{display:inline;margin-left:20px}footer .social li a{font-size:1.25em;color:#999} diff --git a/css/kube.css b/css/kube.css index 1c841a1..f417b67 100755 --- a/css/kube.css +++ b/css/kube.css @@ -1,6 +1,6 @@ /* * Kube Framework 4 - * Draco HTML Template by @flamekaizar + * Draco HTML Template by @afnizarnur * License: Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0) */ diff --git a/index.html b/index.html index 5c93611..11ac3ad 100755 --- a/index.html +++ b/index.html @@ -1,11 +1,11 @@ - Draco by @flamekaizar + Draco by @afnizarnur - - + + @@ -49,11 +49,11 @@ Avatar
-

I live in

+

I live in

- Draco is a constellation in the far northern sky. Its name is Latin for dragon. Draco is circumpolar (that is, never setting) for many observers in the northern hemisphere. It was one of the 48 constellations listed by the 2nd century astronomer Ptolemy. -

+ Draco is a constellation in the far northern sky. Its name is Latin for dragon. Draco is circumpolar (that is, never setting) for many observers in the northern hemisphere. It was one of the 48 constellations listed by the 2nd century astronomer Ptolemy. +

@@ -138,9 +138,9 @@

fight against the ugliness.

@@ -160,4 +160,4 @@

fight against the ugliness.

typeSpeed:90,backDelay:700,contentType:"html",loop:!0,resetCallback:function(){newTyped()}}),$(".reset").click(function(){$("#typed").typed("reset")})}); - \ No newline at end of file + diff --git a/scss/custom.scss b/scss/custom.scss index 6d7b192..0192207 100755 --- a/scss/custom.scss +++ b/scss/custom.scss @@ -1,147 +1,147 @@ -/* - * Draco HTML Template by @flamekaizar - * License: Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0) - */ - -@import "partials/variables.scss"; -@import "partials/mixins.scss"; -@import "partials/base.scss"; -@import "partials/responsive.scss"; -@import "vendors/typed.scss"; - -// Navigation -.main-nav { - background: lighten($secondary, 65%); - padding-top: 23px; - nav { - ul li { - a { - color: lighten($secondary, 35%); - } - &.active a{ - color: lighten($primary, 10%); - } - } - } -} - -.section { - &.second{ - margin-bottom: 90px; - } - .container { - position: relative; - &:after { - position: absolute; - content: url(../img/separator.png); - left: 20px; - } - h1 { - text-transform: uppercase; - margin-bottom: 30px; - position: relative; - } - } -} - -.intro { - padding: 95px 0px 70px 0px; - overflow-x: hidden; - - img { - width: 81px; - height: 81px; - border-radius: 99px; - } - - .wrap { - margin: 30px 0px; - } - - h1 { - &:before { - position: absolute; - left: -220px; - top: -150px; - font-size: 270px; - z-index: -1; - color: lighten($secondary, 65%); - } - span { - font-size: 47px; - } - } -} - -.work { - .work-list { - margin-left: 0px; - - li { - list-style: none; - font-size: em(15); - color: lighten($primary, 35%); - a { - padding-bottom: 5px; - font-size: em(19); - font-weight: 700; - text-decoration: none; - border-bottom: 1px solid lighten($primary, 50%); - &:hover { - border-bottom: 1px solid $primary; - } - } - } - } -} - -.award { - .award-list { - margin-left: 0px; - li { - &:first-child { - font-size: em(15); - color: lighten($primary, 35%); - } - } - } -} - -.skills { - .skill-list { - margin-left: 0px; - li { - &:first-child { - font-size: em(15); - color: lighten($primary, 35%); - } - } - } -} - -.quote { - background: url(../img/bg.jpg); - padding: 20px 0px; - margin-top: 120px; - - h1 { - margin: 100px 0px; - padding: 40px 20px; - border: 5px solid #fff; - color: #fff; - } -} - -footer { - padding: 50px 0px 0px 0px; - .social { - li { - display: inline; - margin-left: 20px; - a { - font-size: em(20); - color: lighten($primary, 40%) - } - } - } -} \ No newline at end of file +/* + * Draco HTML Template by @afnizarnur + * License: Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0) + */ + +@import "partials/variables.scss"; +@import "partials/mixins.scss"; +@import "partials/base.scss"; +@import "partials/responsive.scss"; +@import "vendors/typed.scss"; + +// Navigation +.main-nav { + background: lighten($secondary, 65%); + padding-top: 23px; + nav { + ul li { + a { + color: lighten($secondary, 35%); + } + &.active a{ + color: lighten($primary, 10%); + } + } + } +} + +.section { + &.second{ + margin-bottom: 90px; + } + .container { + position: relative; + &:after { + position: absolute; + content: url(../img/separator.png); + left: 20px; + } + h1 { + text-transform: uppercase; + margin-bottom: 30px; + position: relative; + } + } +} + +.intro { + padding: 95px 0px 70px 0px; + overflow-x: hidden; + + img { + width: 81px; + height: 81px; + border-radius: 99px; + } + + .wrap { + margin: 30px 0px; + } + + h1 { + &:before { + position: absolute; + left: -220px; + top: -150px; + font-size: 270px; + z-index: -1; + color: lighten($secondary, 65%); + } + span { + font-size: 47px; + } + } +} + +.work { + .work-list { + margin-left: 0px; + + li { + list-style: none; + font-size: em(15); + color: lighten($primary, 35%); + a { + padding-bottom: 5px; + font-size: em(19); + font-weight: 700; + text-decoration: none; + border-bottom: 1px solid lighten($primary, 50%); + &:hover { + border-bottom: 1px solid $primary; + } + } + } + } +} + +.award { + .award-list { + margin-left: 0px; + li { + &:first-child { + font-size: em(15); + color: lighten($primary, 35%); + } + } + } +} + +.skills { + .skill-list { + margin-left: 0px; + li { + &:first-child { + font-size: em(15); + color: lighten($primary, 35%); + } + } + } +} + +.quote { + background: url(../img/bg.jpg); + padding: 20px 0px; + margin-top: 120px; + + h1 { + margin: 100px 0px; + padding: 40px 20px; + border: 5px solid #fff; + color: #fff; + } +} + +footer { + padding: 50px 0px 0px 0px; + .social { + li { + display: inline; + margin-left: 20px; + a { + font-size: em(20); + color: lighten($primary, 40%) + } + } + } +}