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
606563a755
commit
54c8e544fc
2 changed files with 117 additions and 82 deletions
72
index.css
72
index.css
|
|
@ -97,13 +97,26 @@ body {
|
||||||
#profile_img {
|
#profile_img {
|
||||||
width: 180px;
|
width: 180px;
|
||||||
height: 180px;
|
height: 180px;
|
||||||
min-width: 180px;
|
background: var(--gradient);
|
||||||
min-height: 180px;
|
transition: background 0.5s ease;
|
||||||
max-width: 180px;
|
background-size: 300% 300%;
|
||||||
max-height: 180px;
|
animation: grad 8s ease infinite;
|
||||||
border-radius: 5px;
|
-webkit-background-clip: text;
|
||||||
background-size: cover !important;
|
font-size: 128px;
|
||||||
background-repeat: no-repeat !important;
|
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 {
|
#profile div {
|
||||||
|
|
@ -267,13 +280,27 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
#profile_img {
|
#profile_img {
|
||||||
width: 120px;
|
|
||||||
height: 120px;
|
|
||||||
min-width: 120px;
|
|
||||||
min-height: 120px;
|
|
||||||
max-width: 120px;
|
|
||||||
max-height: 120px;
|
|
||||||
margin: 0px auto !important;
|
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 {
|
#work {
|
||||||
|
|
@ -387,15 +414,20 @@ body {
|
||||||
:root {
|
:root {
|
||||||
--bg-color: rgb(10, 10, 10);
|
--bg-color: rgb(10, 10, 10);
|
||||||
--text-color: #fff;
|
--text-color: #fff;
|
||||||
--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(0deg,
|
--background-background: linear-gradient(
|
||||||
|
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;
|
||||||
|
--gradient: linear-gradient(90deg, #009bef, #ff0000);
|
||||||
}
|
}
|
||||||
|
|
||||||
#display h1 {
|
#display h1 {
|
||||||
|
|
@ -410,9 +442,11 @@ body {
|
||||||
|
|
||||||
@media (max-width: 800px) {
|
@media (max-width: 800px) {
|
||||||
:root {
|
:root {
|
||||||
--background-image: linear-gradient(0deg,
|
--background-image: linear-gradient(
|
||||||
|
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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
21
index.html
21
index.html
|
|
@ -7,7 +7,7 @@
|
||||||
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
|
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
|
||||||
<script src="https://unpkg.com/magic-grid/dist/magic-grid.min.js"></script>
|
<script src="https://unpkg.com/magic-grid/dist/magic-grid.min.js"></script>
|
||||||
<link rel="stylesheet" href="index.css">
|
<link rel="stylesheet" href="index.css">
|
||||||
<link rel="icon" href="https://avatars1.githubusercontent.com/u/49553711?v=4" type="image/png">
|
<link rel="icon" href="https://avatars1.githubusercontent.com/u/49553711?v=4" type="image/png">
|
||||||
<meta name="description" content="null">
|
<meta name="description" content="null">
|
||||||
<meta property="og:image" content="https://avatars1.githubusercontent.com/u/49553711?v=4">
|
<meta property="og:image" content="https://avatars1.githubusercontent.com/u/49553711?v=4">
|
||||||
<meta property="og:type" content="profile">
|
<meta property="og:type" content="profile">
|
||||||
|
|
@ -20,9 +20,11 @@
|
||||||
<meta name="twitter:title" content="k4ustu3h">
|
<meta name="twitter:title" content="k4ustu3h">
|
||||||
<meta name="twitter:description" content="null"></head>
|
<meta name="twitter:description" content="null"></head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<div id="profile">
|
<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="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="userbio" style="display: none;">undefined</div>
|
||||||
<div id="about">
|
<div id="about">
|
||||||
|
|
@ -102,12 +104,13 @@
|
||||||
</a></div>
|
</a></div>
|
||||||
</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>
|
<script>
|
||||||
const magicProjectsGrid = new MagicGrid(
|
const magicProjectsGrid = new MagicGrid({
|
||||||
{
|
|
||||||
container: "#work_section",
|
container: "#work_section",
|
||||||
animate: false,
|
animate: false,
|
||||||
gutter: 30, // default gutter size
|
gutter: 30, // default gutter size
|
||||||
|
|
@ -117,8 +120,7 @@
|
||||||
useTransform: true
|
useTransform: true
|
||||||
});
|
});
|
||||||
|
|
||||||
const magicForksGrid = new MagicGrid(
|
const magicForksGrid = new MagicGrid({
|
||||||
{
|
|
||||||
container: "#forks_section",
|
container: "#forks_section",
|
||||||
animate: false,
|
animate: false,
|
||||||
gutter: 30, // default gutter size
|
gutter: 30, // default gutter size
|
||||||
|
|
@ -128,8 +130,7 @@
|
||||||
useTransform: true
|
useTransform: true
|
||||||
});
|
});
|
||||||
|
|
||||||
$("document").ready(() =>
|
$("document").ready(() => {
|
||||||
{
|
|
||||||
magicProjectsGrid.listen();
|
magicProjectsGrid.listen();
|
||||||
magicForksGrid.listen();
|
magicForksGrid.listen();
|
||||||
});
|
});
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue