dylan/gitfolio
1
0
Fork 0
mirror of https://github.com/dilllxd/gitfolio.git synced 2024-08-14 22:28:09 +00:00
Code Issues Projects Releases Wiki Activity

Deploy k4ustu3h/gitfolio to github.com/k4ustu3h/gitfolio.git:gh-pages

Browse source
This commit is contained in:
Deployment Bot (from Travis CI) 2019-12-09 17:07:01 +00:00
parent 606563a755
commit 54c8e544fc
2 changed files with 117 additions and 82 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

72
index.css
View file

@ -97,13 +97,26 @@ body {
#profile_img {
width: 180px;
height: 180px;
min-width: 180px;
min-height: 180px;
max-width: 180px;
max-height: 180px;
border-radius: 5px;
background-size: cover !important;
background-repeat: no-repeat !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;
}
@keyframes grad {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
#profile div {
@ -267,13 +280,27 @@ body {
}
#profile_img {
width: 120px;
height: 120px;
min-width: 120px;
min-height: 120px;
max-width: 120px;
max-height: 120px;
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;
}
@keyframes grad {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
#work {
@ -387,15 +414,20 @@ body {
:root {
--bg-color: rgb(10, 10, 10);
--text-color: #fff;
--background-image: linear-gradient(90deg,
--background-image: linear-gradient(
90deg,
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");
--background-background: linear-gradient(0deg,
--background-background: linear-gradient(
0deg,
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;
--height: 50vh;
--gradient: linear-gradient(90deg, #009bef, #ff0000);
}
#display h1 {
@ -410,9 +442,11 @@ body {
@media (max-width: 800px) {
:root {
--background-image: linear-gradient(0deg,
--background-image: linear-gradient(
0deg,
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;
}
}

17
index.html
View file

@ -22,7 +22,9 @@
<body>
<div id="profile">
<div id="profile_img" style="background: url(https://avatars1.githubusercontent.com/u/49553711?v=4) center;"></div>
<div id="profile_img">
<span id="status">K_</span>
</div>
<div id="username"><span style="display:block;">K4USTU3H</span><a href="https://github.com/k4ustu3h">@k4ustu3h</a></div>
<div id="userbio" style="display: none;">undefined</div>
<div id="about">
@ -102,12 +104,13 @@
</a></div>
</div>
<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>
<script>
const magicProjectsGrid = new MagicGrid(
{
const magicProjectsGrid = new MagicGrid({
container: "#work_section",
animate: false,
gutter: 30, // default gutter size
@ -117,8 +120,7 @@
useTransform: true
});
const magicForksGrid = new MagicGrid(
{
const magicForksGrid = new MagicGrid({
container: "#forks_section",
animate: false,
gutter: 30, // default gutter size
@ -128,8 +130,7 @@
useTransform: true
});
$("document").ready(() =>
{
$("document").ready(() => {
magicProjectsGrid.listen();
magicForksGrid.listen();
});