mirror of
https://github.com/dilllxd/gitfolio.git
synced 2024-08-14 22:28:09 +00:00
Deploy k4ustu3h/gitfolio to github.com/k4ustu3h/gitfolio.git:gh-pages
This commit is contained in:
Deployment Bot (from Travis CI)
parent
d3fa7e1982
commit
f02b5419bd
2 changed files with 13 additions and 254 deletions
217
index.css
217
index.css
|
|
@ -84,48 +84,6 @@ body {
|
||||||
height: 18px;
|
height: 18px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#profile_img_blog {
|
|
||||||
border-radius: 50%;
|
|
||||||
width: 90px;
|
|
||||||
height: 90px;
|
|
||||||
background-size: cover !important;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
}
|
|
||||||
|
|
||||||
#username_blog {
|
|
||||||
font-size: 18px;
|
|
||||||
color: var(--text-color);
|
|
||||||
font-family: "Asap Condensed", sans-serif;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
#username_blog span {
|
|
||||||
font-size: 24px;
|
|
||||||
font-family: "Asap Condensed", sans-serif !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#username_blog b {
|
|
||||||
font-size: 12px;
|
|
||||||
font-family: "Asap Condensed", sans-serif;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
#blog-display {
|
|
||||||
width: 60vw;
|
|
||||||
margin: 0px 20vw;
|
|
||||||
text-align: left;
|
|
||||||
margin-top: 3vh;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
#profile_blog {
|
|
||||||
width: 60vw;
|
|
||||||
margin: 0px 20vw;
|
|
||||||
margin-top: 34vh;
|
|
||||||
text-align: left;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
#background_overlay {
|
#background_overlay {
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
height: 55vh;
|
height: 55vh;
|
||||||
|
|
@ -146,42 +104,6 @@ body {
|
||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#blog-display h1 {
|
|
||||||
font-size: 50px;
|
|
||||||
color: var(--text-color);
|
|
||||||
font-weight: bold;
|
|
||||||
font-family: "Asap", sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
#blog-display h2 {
|
|
||||||
color: var(--blog-gray-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
#blog-display {
|
|
||||||
padding: 1vh 0px;
|
|
||||||
font-family: "Asap", sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
#blog p {
|
|
||||||
font-size: 17px;
|
|
||||||
line-height: 25px;
|
|
||||||
word-spacing: 1.2px;
|
|
||||||
margin: 5vh 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#blog p span {
|
|
||||||
padding: 2px 4px;
|
|
||||||
background: var(--text-color);
|
|
||||||
color: var(--bg-color) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#blog img {
|
|
||||||
width: 100%;
|
|
||||||
margin: 2vh 0px;
|
|
||||||
border-radius: 5px;
|
|
||||||
border: 1px solid rgb(0, 0, 0, 0.08);
|
|
||||||
}
|
|
||||||
|
|
||||||
#header {
|
#header {
|
||||||
width: 63vw;
|
width: 63vw;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
|
|
@ -196,19 +118,6 @@ body {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
#footer_blog {
|
|
||||||
width: 90vw;
|
|
||||||
padding: 8vh 5vw;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
#footer_blog a {
|
|
||||||
color: var(--text-color) !important;
|
|
||||||
text-decoration: none;
|
|
||||||
font-family: "Asap", sans-serif;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
#footer {
|
#footer {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 8vh 0px;
|
padding: 8vh 0px;
|
||||||
|
|
@ -372,53 +281,6 @@ body {
|
||||||
font-weight: normal !important;
|
font-weight: normal !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#blog_section {
|
|
||||||
margin: 2vh 0px;
|
|
||||||
padding: 2vh 0px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#blogs {
|
|
||||||
columns: 2;
|
|
||||||
}
|
|
||||||
|
|
||||||
#blog_title {
|
|
||||||
font-size: 50px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#blog_sub_title {
|
|
||||||
font-size: 36px;
|
|
||||||
margin-top: -2vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
#blogs section {
|
|
||||||
width: 100%;
|
|
||||||
display: inline-block;
|
|
||||||
border-radius: 5px;
|
|
||||||
color: var(--text-color);
|
|
||||||
border: 1px solid rgb(0, 0, 0, 0.04);
|
|
||||||
box-shadow: 0px 0px 0px rgb(0, 0, 0, 0);
|
|
||||||
transition: 0.4s ease-in-out;
|
|
||||||
transform: scale(1);
|
|
||||||
padding: 0px;
|
|
||||||
margin: 2vh 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#blogs section img {
|
|
||||||
width: 100%;
|
|
||||||
border-radius: 5px 5px 0px 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.blog_container {
|
|
||||||
padding: 2.5vh 5%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#blogs section:hover {
|
|
||||||
cursor: pointer;
|
|
||||||
border: 1px solid rgb(0, 0, 0, 0);
|
|
||||||
box-shadow: 0px 15px 35px rgb(0, 0, 0, 0.06);
|
|
||||||
transform: scale(1.03);
|
|
||||||
}
|
|
||||||
|
|
||||||
.go_back {
|
.go_back {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
color: var(--text-color);
|
color: var(--text-color);
|
||||||
|
|
@ -476,48 +338,6 @@ body {
|
||||||
width: 88%;
|
width: 88%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#blogs {
|
|
||||||
columns: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
#blogs section {
|
|
||||||
width: 98%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#blog_section {
|
|
||||||
margin: 0px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#blog-display {
|
|
||||||
width: 90vw;
|
|
||||||
margin: 0px 5vw;
|
|
||||||
text-align: left;
|
|
||||||
margin-top: 0vh;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
#blog_title {
|
|
||||||
font-size: 32px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#blog_sub_title {
|
|
||||||
font-size: 24px;
|
|
||||||
margin-top: -1vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
#profile_blog {
|
|
||||||
width: 90vw;
|
|
||||||
margin: 0px 5vw;
|
|
||||||
margin-top: 36vh;
|
|
||||||
text-align: left;
|
|
||||||
z-index: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
#profile_img_blog {
|
|
||||||
width: 65px;
|
|
||||||
height: 65px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.go_back {
|
.go_back {
|
||||||
position: relative;
|
position: relative;
|
||||||
color: var(--text-color);
|
color: var(--text-color);
|
||||||
|
|
@ -525,14 +345,6 @@ body {
|
||||||
margin-left: 5vw;
|
margin-left: 5vw;
|
||||||
top: 5vh;
|
top: 5vh;
|
||||||
}
|
}
|
||||||
|
|
||||||
#blog img {
|
|
||||||
margin: 1vh 0px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#blog p {
|
|
||||||
margin: 2vh 0px;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
::-webkit-scrollbar {
|
||||||
|
|
@ -549,18 +361,13 @@ body {
|
||||||
}:root {
|
}:root {
|
||||||
--bg-color: rgb(10, 10, 10);
|
--bg-color: rgb(10, 10, 10);
|
||||||
--text-color: #fff;
|
--text-color: #fff;
|
||||||
--blog-gray-color: rgb(180, 180, 180);
|
--background-image: linear-gradient(90deg,
|
||||||
--background-image: linear-gradient(
|
|
||||||
90deg,
|
|
||||||
rgba(10, 10, 10, 0.3),
|
rgba(10, 10, 10, 0.3),
|
||||||
rgb(10, 10, 10, 1)
|
rgb(10, 10, 10, 1)),
|
||||||
),
|
|
||||||
url("https://images.unsplash.com/photo-1553748024-d1b27fb3f960?w=1500&q=80");
|
url("https://images.unsplash.com/photo-1553748024-d1b27fb3f960?w=1500&q=80");
|
||||||
--background-background: linear-gradient(
|
--background-background: linear-gradient(0deg,
|
||||||
0deg,
|
|
||||||
rgba(10, 10, 10, 1),
|
rgba(10, 10, 10, 1),
|
||||||
rgba(10, 10, 10, 0.6)
|
rgba(10, 10, 10, 0.6)),
|
||||||
),
|
|
||||||
url("https://images.unsplash.com/photo-1553748024-d1b27fb3f960?w=1500&q=80") center center fixed;
|
url("https://images.unsplash.com/photo-1553748024-d1b27fb3f960?w=1500&q=80") center center fixed;
|
||||||
--height: 50vh;
|
--height: 50vh;
|
||||||
}
|
}
|
||||||
|
|
@ -571,27 +378,15 @@ body {
|
||||||
-webkit-text-fill-color: #fff;
|
-webkit-text-fill-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
#blog-display h1 {
|
|
||||||
-webkit-background-clip: text;
|
|
||||||
background-clip: text;
|
|
||||||
-webkit-text-fill-color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
.projects section {
|
.projects section {
|
||||||
background: rgb(20, 20, 20);
|
background: rgb(20, 20, 20);
|
||||||
}
|
}
|
||||||
|
|
||||||
#blog_section section {
|
|
||||||
background: rgb(20, 20, 20);
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (max-width: 800px) {
|
@media (max-width: 800px) {
|
||||||
:root {
|
:root {
|
||||||
--background-image: linear-gradient(
|
--background-image: linear-gradient(0deg,
|
||||||
0deg,
|
|
||||||
rgba(10, 10, 10, 1),
|
rgba(10, 10, 10, 1),
|
||||||
rgba(10, 10, 10, 0)
|
rgba(10, 10, 10, 0)),
|
||||||
),
|
|
||||||
url("https://images.unsplash.com/photo-1553748024-d1b27fb3f960?w=1500&q=80") !important;
|
url("https://images.unsplash.com/photo-1553748024-d1b27fb3f960?w=1500&q=80") !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
36
index.html
36
index.html
|
|
@ -28,7 +28,6 @@
|
||||||
<div id="about">
|
<div id="about">
|
||||||
<span style="display:none;"><i class="fas fa-users"></i> null</span>
|
<span style="display:none;"><i class="fas fa-users"></i> null</span>
|
||||||
<span style="display:none;"><i class="fas fa-envelope"></i> null</span>
|
<span style="display:none;"><i class="fas fa-envelope"></i> null</span>
|
||||||
<span style="display:block;"><i class="fas fa-link"></i> <a href="https://k4ustu3h.cf/">https://k4ustu3h.cf/</a></span>
|
|
||||||
<span style="display:block;"><i class="fas fa-map-marker-alt"></i> Jabalpur, Madhya Pradesh, India</span>
|
<span style="display:block;"><i class="fas fa-map-marker-alt"></i> Jabalpur, Madhya Pradesh, India</span>
|
||||||
<span style="display:none;"><i class="fas fa-user-tie"></i> Available for hire</span>
|
<span style="display:none;"><i class="fas fa-user-tie"></i> Available for hire</span>
|
||||||
<div class="socials">
|
<div class="socials">
|
||||||
|
|
@ -102,45 +101,10 @@
|
||||||
</section>
|
</section>
|
||||||
</a></div>
|
</a></div>
|
||||||
</div>
|
</div>
|
||||||
<div id="blog_section">
|
|
||||||
<h1>Blog.</h1>
|
|
||||||
<div id="blogs"></div>
|
|
||||||
</div>
|
|
||||||
<div id="footer">
|
<div id="footer">
|
||||||
<a href="https://github.com/imfunniee" target="_blank">made on earth by a human</a>
|
<a href="https://github.com/imfunniee" target="_blank">made on earth by a human</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<script type="text/javascript">
|
|
||||||
$.getJSON("blog.json", function(blog)
|
|
||||||
{
|
|
||||||
blog = blog || [];
|
|
||||||
if (blog.length == 0)
|
|
||||||
{
|
|
||||||
return (document.getElementById("blog_section").style.display =
|
|
||||||
"none");
|
|
||||||
}
|
|
||||||
for (var i = 0; i < blog.length; i++)
|
|
||||||
{
|
|
||||||
$("#blogs").append(`
|
|
||||||
<a href="./blog/${blog[i].url_title}/" target="_blank">
|
|
||||||
<section>
|
|
||||||
<img src="./blog/${blog[i].url_title}/${blog[i].top_image}">
|
|
||||||
<div class="blog_container">
|
|
||||||
<div class="section_title">${blog[i].title}</div>
|
|
||||||
<div class="about_section">
|
|
||||||
${blog[i].sub_title}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</a>
|
|
||||||
`);
|
|
||||||
}
|
|
||||||
}).fail(function()
|
|
||||||
{
|
|
||||||
return (document.getElementById("blog_section").style.display = "none");
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
const magicProjectsGrid = new MagicGrid(
|
const magicProjectsGrid = new MagicGrid(
|
||||||
{
|
{
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue