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
84
index.css
84
index.css
|
|
@ -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,
|
||||
rgba(10, 10, 10, 0.3),
|
||||
rgb(10, 10, 10, 1)),
|
||||
url("https://images.unsplash.com/photo-1553748024-d1b27fb3f960?w=1500&q=80");
|
||||
--background-background: linear-gradient(0deg,
|
||||
rgba(10, 10, 10, 1),
|
||||
rgba(10, 10, 10, 0.6)),
|
||||
url("https://images.unsplash.com/photo-1553748024-d1b27fb3f960?w=1500&q=80") center center fixed;
|
||||
--background-image: linear-gradient(
|
||||
90deg,
|
||||
rgba(10, 10, 10, 0.3),
|
||||
rgb(10, 10, 10, 1)
|
||||
),
|
||||
url("https://images.unsplash.com/photo-1553748024-d1b27fb3f960?w=1500&q=80");
|
||||
--background-background: linear-gradient(
|
||||
0deg,
|
||||
rgba(10, 10, 10, 1),
|
||||
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,
|
||||
rgba(10, 10, 10, 1),
|
||||
rgba(10, 10, 10, 0)),
|
||||
url("https://images.unsplash.com/photo-1553748024-d1b27fb3f960?w=1500&q=80") !important;
|
||||
--background-image: linear-gradient(
|
||||
0deg,
|
||||
rgba(10, 10, 10, 1),
|
||||
rgba(10, 10, 10, 0)
|
||||
),
|
||||
url("https://images.unsplash.com/photo-1553748024-d1b27fb3f960?w=1500&q=80") !important;
|
||||
}
|
||||
}
|
||||
111
index.html
111
index.html
|
|
@ -1,13 +1,13 @@
|
|||
<!DOCTYPE html><html lang="en"><head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>k4ustu3h</title>
|
||||
<link rel="stylesheet" href="https://cdn.materialdesignicons.com/4.5.95/css/materialdesignicons.min.css">
|
||||
<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>
|
||||
<link rel="stylesheet" href="index.css">
|
||||
<link rel="icon" href="https://avatars1.githubusercontent.com/u/49553711?v=4" type="image/png">
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>k4ustu3h</title>
|
||||
<link rel="stylesheet" href="https://cdn.materialdesignicons.com/4.5.95/css/materialdesignicons.min.css">
|
||||
<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>
|
||||
<link rel="stylesheet" href="index.css">
|
||||
<link rel="icon" href="https://avatars1.githubusercontent.com/u/49553711?v=4" type="image/png">
|
||||
<meta name="description" content="null">
|
||||
<meta property="og:image" content="https://avatars1.githubusercontent.com/u/49553711?v=4">
|
||||
<meta property="og:type" content="profile">
|
||||
|
|
@ -20,12 +20,14 @@
|
|||
<meta name="twitter:title" content="k4ustu3h">
|
||||
<meta name="twitter:description" content="null"></head>
|
||||
|
||||
<body>
|
||||
<div id="profile">
|
||||
<div id="profile_img" style="background: url(https://avatars1.githubusercontent.com/u/49553711?v=4) center;"></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">
|
||||
<body>
|
||||
<div id="profile">
|
||||
<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">
|
||||
<span style="display:none;"><i class="mdi-face"></i> null</span>
|
||||
<span style="display:none;"><i class="mdi mdi-email"></i> null</span>
|
||||
<span style="display:block;"><i class="mdi mdi-map-marker"></i> Jabalpur, Madhya Pradesh, India</span>
|
||||
|
|
@ -39,11 +41,11 @@
|
|||
<span style="display:block;"><a href="https://www.twitter.com/k4ustu3h_" target="_blank" class="socials"><i class="mdi mdi-twitter"></i></a></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="display">
|
||||
<div id="work">
|
||||
<h1>Work.</h1>
|
||||
<div class="projects" id="work_section">
|
||||
</div>
|
||||
<div id="display">
|
||||
<div id="work">
|
||||
<h1>Work.</h1>
|
||||
<div class="projects" id="work_section">
|
||||
<a href="https://github.com/k4ustu3h/k4ustu3h.cf" target="_blank">
|
||||
<section>
|
||||
<div class="section_title">k4ustu3h.cf</div>
|
||||
|
|
@ -57,10 +59,10 @@
|
|||
</div>
|
||||
</section>
|
||||
</a></div>
|
||||
</div>
|
||||
<div id="forks" style="display: block;">
|
||||
<h1>Forks.</h1>
|
||||
<div class="projects" id="forks_section">
|
||||
</div>
|
||||
<div id="forks" style="display: block;">
|
||||
<h1>Forks.</h1>
|
||||
<div class="projects" id="forks_section">
|
||||
<a href="https://github.com/k4ustu3h/anothericonpack" target="_blank">
|
||||
<section>
|
||||
<div class="section_title">anothericonpack</div>
|
||||
|
|
@ -100,40 +102,39 @@
|
|||
</div>
|
||||
</section>
|
||||
</a></div>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<a href="https://github.com/imfunniee" target="_blank">
|
||||
made on earth by a human
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="footer">
|
||||
<a href="https://github.com/imfunniee" target="_blank">made on earth by a human</a>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
const magicProjectsGrid = new MagicGrid(
|
||||
{
|
||||
container: "#work_section",
|
||||
animate: false,
|
||||
gutter: 30, // default gutter size
|
||||
static: true,
|
||||
useMin: false,
|
||||
maxColumns: 2,
|
||||
useTransform: true
|
||||
});
|
||||
<script>
|
||||
const magicProjectsGrid = new MagicGrid({
|
||||
container: "#work_section",
|
||||
animate: false,
|
||||
gutter: 30, // default gutter size
|
||||
static: true,
|
||||
useMin: false,
|
||||
maxColumns: 2,
|
||||
useTransform: true
|
||||
});
|
||||
|
||||
const magicForksGrid = new MagicGrid(
|
||||
{
|
||||
container: "#forks_section",
|
||||
animate: false,
|
||||
gutter: 30, // default gutter size
|
||||
static: true,
|
||||
useMin: false,
|
||||
maxColumns: 2,
|
||||
useTransform: true
|
||||
});
|
||||
const magicForksGrid = new MagicGrid({
|
||||
container: "#forks_section",
|
||||
animate: false,
|
||||
gutter: 30, // default gutter size
|
||||
static: true,
|
||||
useMin: false,
|
||||
maxColumns: 2,
|
||||
useTransform: true
|
||||
});
|
||||
|
||||
$("document").ready(() =>
|
||||
{
|
||||
magicProjectsGrid.listen();
|
||||
magicForksGrid.listen();
|
||||
});
|
||||
</script>
|
||||
$("document").ready(() => {
|
||||
magicProjectsGrid.listen();
|
||||
magicForksGrid.listen();
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
||||
Loading…
Reference in a new issue