From d96308f1b3958672a7b684f6df247f5dc4f763c3 Mon Sep 17 00:00:00 2001 From: Kaustubh Ladiya Date: Tue, 28 Jan 2020 22:40:31 +0530 Subject: [PATCH] Change footer credit and fix some files --- assets/index.css | 171 +++++++++++++++++++++++----------------------- assets/index.html | 7 +- bin/gitfolio.js | 2 +- 3 files changed, 92 insertions(+), 88 deletions(-) diff --git a/assets/index.css b/assets/index.css index b2b9d90..a0c5455 100644 --- a/assets/index.css +++ b/assets/index.css @@ -1,108 +1,109 @@ body { - margin: 0%; - padding: 0%; - width: 100vw; + align-items: center; background: var(--bg-color); color: var(--text-color); + font-family: "Poppins", sans-serif; + margin: 0%; max-width: 100vw; overflow-x: hidden; - align-items: center; - font-family: "Poppins", sans-serif; + padding: 0%; + width: 100vw; } #profile { - width: 24vw; - padding: 4vh 3vw; - height: 92vh; + background: var(--background-image) center center; + background-repeat: no-repeat; + background-size: cover !important; + color: #fff !important; display: flex; flex-direction: column; + height: 92vh; justify-content: center; - text-align: left; - background: var(--background-image) center center; - background-size: cover !important; - background-repeat: no-repeat; + padding: 4vh 3vw; position: fixed; - color: #fff !important; + text-align: left; + width: 24vw; } #display { - width: 64vw; - padding: 4vh 3vw; - height: 92vh; display: inline-block; + height: 92vh; + padding: 4vh 3vw; padding-left: 33vw; + width: 64vw; + .; } #display h1 { - font-size: 50px; color: var(--text-color); - font-weight: bold; font-family: "Asap", sans-serif; + font-size: 50px; + font-weight: bold; } .emoji { - width: 18px; height: 18px; + width: 18px; } #background_overlay { - width: 100vw; height: 55vh; - position: absolute; - z-index: -1; - top: 0; left: 0; + position: absolute; + top: 0; + width: 100vw; + z-index: -1; } #background { - width: 100vw; - height: 55vh; - background-size: cover !important; background-repeat: no-repeat !important; - position: absolute; - z-index: -2; - top: 0; + background-size: cover !important; + height: 55vh; left: 0; + position: absolute; + top: 0; + width: 100vw; + z-index: -2; } #header { - width: 63vw; - text-align: right; padding: 3vh 0px; position: absolute; + text-align: right; + width: 63vw; } #header a { color: var(--text-color); - text-decoration: none; - margin-left: 4vw; font-weight: bold; + margin-left: 4vw; + text-decoration: none; } #footer { - width: 100%; padding: 8vh 0px; text-align: center; + width: 100%; } #footer a { color: var(--text-color) !important; - text-decoration: none; font-family: "Poppins", sans-serif; font-weight: bold; + text-decoration: none; } #profile_img { - width: 180px; - height: 180px; - background: var(--gradient); - transition: background 0.5s ease; - background-size: 300% 300%; - animation: grad 8s ease infinite; -webkit-background-clip: text; - font-size: 128px; - font-family: "Asap Condensed", sans-serif; -webkit-text-fill-color: transparent; + animation: grad 8s ease infinite; + background: var(--gradient); + background-size: 300% 300%; + font-family: "Asap Condensed", sans-serif; + font-size: 128px; + height: 180px; + transition: background 0.5s ease; + width: 180px; } @keyframes grad { @@ -127,39 +128,39 @@ body { } #username { + color: white; font-family: "Asap Condensed", sans-serif; font-size: 18px; - color: white; } #username span { - font-size: 24px; font-family: "Asap Condensed", sans-serif; + font-size: 24px; } .console-underscore { display: inline-block; + left: 10px; position: relative; top: -0.14em; - left: 10px; } #userbio { - font-size: 26px; font-family: "Asap", sans-serif; + font-size: 26px; width: 100%; } #about { - font-size: 18px; font-family: "Asap", sans-serif; + font-size: 18px; } #about a, #username a { color: #fff !important; - text-decoration: none; font-weight: bold; + text-decoration: none; } #about a:hover, @@ -168,8 +169,8 @@ body { } #about span { - margin: 1vh 0px; display: block; + margin: 1vh 0px; } #about span i { @@ -192,30 +193,30 @@ body { } .projects a { + display: flex; + text-decoration: none; /* 30px is the gutter size in magic grid */ width: calc(49% - 30px); /* 49% avoids a weird single column on some wide screens */ - display: flex; - text-decoration: none; } .projects section { - width: 100%; - padding: 2.5vh 5%; - margin: 1vh 0px; - display: inline-block; border-radius: 5px; - color: var(--text-color); border: 1px solid rgb(0, 0, 0, 0.08); box-shadow: 0px 0px 0px rgb(0, 0, 0, 0); - transition: 0.4s ease-in-out; + color: var(--text-color); + display: inline-block; + margin: 1vh 0px; + padding: 2.5vh 5%; transform: scale(1); + transition: 0.4s ease-in-out; + width: 100%; } .projects section:hover { - cursor: pointer; border: 1px solid rgb(0, 0, 0, 0); box-shadow: 0px 15px 35px rgb(0, 0, 0, 0.06); + cursor: pointer; transform: scale(1.03); } @@ -228,22 +229,22 @@ body { } .about_section { - font-size: 18px; font-family: "Asap", sans-serif; - margin: 2vh 0px; + font-size: 18px; font-weight: bold; + margin: 2vh 0px; word-wrap: break-word; } .bottom_section { - margin: 1vh 0px; font-size: 14px; + margin: 1vh 0px; word-wrap: break-word; } .bottom_section span { - margin-right: 20px; font-weight: bold; + margin-right: 20px; } .bottom_section span i { @@ -252,14 +253,14 @@ body { .socials { color: #fff; - text-decoration: none; margin: 3vh 0px !important; + text-decoration: none; } .socials span { display: inline-block !important; - margin-right: 2vw !important; font-weight: normal !important; + margin-right: 2vw !important; } .socials span a { @@ -267,37 +268,37 @@ body { } ::selection { - color: var(--bg-color); background: var(--text-color); + color: var(--bg-color); } @media (max-width: 800px) { #profile { - width: 90vw; - padding: 4vh 5vw; height: 60vh; - text-align: center; + padding: 4vh 5vw; position: relative; + text-align: center; + width: 90vw; } #display { - width: 90vw; - padding: 4vh 5vw; - height: auto; display: inline-block; + height: auto; padding-left: 5vw; + padding: 4vh 5vw; + width: 90vw; } #profile_img { - margin: 0px auto !important; - background: var(--gradient); - transition: background 0.5s ease; - background-size: 300% 300%; - animation: grad 8s ease infinite; -webkit-background-clip: text; - font-size: 128px; - font-family: "Asap Condensed", sans-serif; -webkit-text-fill-color: transparent; + animation: grad 8s ease infinite; + background: var(--gradient); + background-size: 300% 300%; + font-family: "Asap Condensed", sans-serif; + font-size: 128px; + margin: 0px auto !important; + transition: background 0.5s ease; } @keyframes grad { @@ -331,8 +332,8 @@ body { } ::-webkit-scrollbar { - width: 5px; height: 5px; + width: 5px; } ::-webkit-scrollbar-track { @@ -369,9 +370,9 @@ body { } .dropdown-menu .mdi::before { + left: -8px; position: relative; top: 4px; - left: -8px; } .nav .mdi::before { @@ -380,9 +381,9 @@ body { } .navbar .navbar-toggle .mdi::before { + color: #fff; position: relative; top: 4px; - color: #fff; } .breadcrumb .mdi::before { @@ -399,9 +400,9 @@ body { } .alert .mdi::before { + margin-right: 2px; position: relative; top: 4px; - margin-right: 2px; } .input-group-addon .mdi::before { @@ -410,13 +411,13 @@ body { } .navbar-brand .mdi::before { + margin-right: 2px; position: relative; top: 2px; - margin-right: 2px; } .list-group-item .mdi::before { + left: -3px; position: relative; top: 3px; - left: -3px; } diff --git a/assets/index.html b/assets/index.html index 829f7a2..6232389 100644 --- a/assets/index.html +++ b/assets/index.html @@ -44,8 +44,11 @@
diff --git a/bin/gitfolio.js b/bin/gitfolio.js index 85ab409..6ecc1d2 100755 --- a/bin/gitfolio.js +++ b/bin/gitfolio.js @@ -29,7 +29,7 @@ program .option("-c, --codepen [username]", "specify codepen username") .option("-d, --dev [username]", "specify dev username") .option("-D, --dribbble [username]", "specify dribbble username") - .option("-e, --email [username]", "specify email") + .option("-e, --email [email]", "specify email") .option("-f, --facebook [username]", "specify facebook username") .option("-i, --instagram [username]", "specify instagram username") .option("-k, --keybase [username]", "specify keybase username")