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.cf to github.com/k4ustu3h/gitfolio.git:gh-pages

Browse source
This commit is contained in:
Kaustubh Ladiya (via Travis CI) 2020-04-22 15:10:23 +00:00
parent b58584cc76
commit ecac91f96e
5 changed files with 66 additions and 46 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
assets/fonts/otf/manrope-bold.otf Normal file
View file

Binary file not shown.

BIN
assets/fonts/variable/Manrope[wght].ttf Normal file
View file

Binary file not shown.

BIN
assets/fonts/web/manrope-bold.woff2 Normal file
View file

Binary file not shown.

30
index.css
View file

@ -1,9 +1,30 @@
@charset "UTF-8";
@font-face {
font-family: "Manrope VF";
src: url("/assets/fonts/variable/Manrope%5Bwght%5D.ttf")
format("truetype-variations");
font-style: normal;
font-weight: 200 800;
}
@font-face {
font-family: "Manrope";
src: url("/assets/fonts/web/manrope-bold.woff2") format("woff2"),
url("/assets/fonts/otf/manrope-bold.otf") format("opentype");
font-style: normal;
font-weight: 700;
}
body { body {
align-items: center; align-items: center;
background: var(--bg-color); background: var(--bg-color);
color: var(--text-color); color: var(--text-color);
font-family: "Manrope", sans-serif; font-family: "Manrope VF", Manrope, sans-serif;
font-feature-settings: "calt", "liga"; font-feature-settings: "calt", "liga";
font-size: 64px;
font-variation-ligatures: normal;
font-variation-settings: "wght" 500;
font-weight: 700;
margin: 0%; margin: 0%;
max-width: 100vw; max-width: 100vw;
overflow-x: hidden; overflow-x: hidden;
@ -54,8 +75,11 @@ body {
.footer a { .footer a {
color: var(--text-color) !important; color: var(--text-color) !important;
font-family: "Manrope", sans-serif; font-family: "Manrope VF", Manrope, sans-serif;
font-weight: bold; font-feature-settings: "calt", "liga";
font-variation-ligatures: normal;
font-variation-settings: "wght" 500;
font-weight: 700;
text-decoration: none; text-decoration: none;
} }

82
index.html
View file

@ -10,15 +10,11 @@
href="https://fonts.googleapis.com/css?family=Asap|Asap+Condensed&display=swap" href="https://fonts.googleapis.com/css?family=Asap|Asap+Condensed&display=swap"
rel="stylesheet" rel="stylesheet"
/> />
<link
href="https://github.com/sharanda/manrope/raw/master/fonts/web/index.css"
rel="stylesheet"
/>
<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>
<script src="https://code.iconify.design/1/1.0.4/iconify.min.js"></script> <script src="https://code.iconify.design/1/1.0.6/iconify.min.js"></script>
<script <script
src="https://code.jquery.com/jquery-3.4.1.min.js" src="https://code.jquery.com/jquery-3.5.0.min.js"
integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" integrity="sha256-xNzN2a4ltkB44Mc/Jz3pT4iU1cmeR0FkXs4pru/JxaQ="
crossorigin="anonymous" crossorigin="anonymous"
></script> ></script>
<link rel="stylesheet" href="index.css" /> <link rel="stylesheet" href="index.css" />
@ -52,27 +48,27 @@
<span>K_</span> <span>K_</span>
</div> </div>
<div id="username"> <div id="username">
<span id="text" style="display:block;"></span> <span id="text" style="display: block;"></span>
<div class="console-underscore" id="console">_</div> <div class="console-underscore" id="console">_</div>
</div> </div>
<div id="about"> <div id="about">
<span style="display:none;"> <span style="display: none;">
<span class="iconify" data-icon="mdi-face"></span> <span class="iconify" data-icon="mdi-face"></span>
&nbsp; null &nbsp; null
</span> </span>
<span style="display:block;"> <span style="display: block;">
<a href="https://github.com/k4ustu3h"> <a href="https://github.com/k4ustu3h">
<span class="iconify" data-icon="mdi-github-circle"></span> <span class="iconify" data-icon="mdi-github-circle"></span>
&nbsp;&nbsp;@k4ustu3h &nbsp;&nbsp;@k4ustu3h
</a> </a>
</span> </span>
<span style="display:block;"> <span style="display: block;">
<a href="mailto:k4ustu3h@gmail.com" target="_blank" class="socials"> <a href="mailto:k4ustu3h@gmail.com" target="_blank" class="socials">
<span class="iconify" data-icon="mdi-email"></span> <span class="iconify" data-icon="mdi-email"></span>
&nbsp;&nbsp;k4ustu3h@gmail.com &nbsp;&nbsp;k4ustu3h@gmail.com
</a> </a>
</span> </span>
<span style="display:block;"> <span style="display: block;">
<a <a
href="https://www.google.com/maps/search/?api=1&amp;query=Jabalpur, Madhya Pradesh, India" href="https://www.google.com/maps/search/?api=1&amp;query=Jabalpur, Madhya Pradesh, India"
> >
@ -80,12 +76,12 @@
&nbsp;&nbsp;Jabalpur, Madhya Pradesh, India &nbsp;&nbsp;Jabalpur, Madhya Pradesh, India
</a> </a>
</span> </span>
<span style="display:none;"> <span style="display: none;">
<span class="iconify" data-icon="mdi-account-tie"></span> <span class="iconify" data-icon="mdi-account-tie"></span>
&nbsp;&nbsp; Available for hire &nbsp;&nbsp; Available for hire
</span> </span>
<div class="socials"> <div class="socials">
<span style="display:block;"> <span style="display: block;">
<a <a
href="https://codepen.io/k4ustu3h" href="https://codepen.io/k4ustu3h"
target="_blank" target="_blank"
@ -94,12 +90,12 @@
<span class="iconify" data-icon="simple-icons:codepen"></span> <span class="iconify" data-icon="simple-icons:codepen"></span>
</a> </a>
</span> </span>
<span style="display:block;"> <span style="display: block;">
<a href="https://dev.to/k4ustu3h" target="_blank" class="socials"> <a href="https://dev.to/k4ustu3h" target="_blank" class="socials">
<span class="iconify" data-icon="mdi-dev-to"></span> <span class="iconify" data-icon="mdi-dev-to"></span>
</a> </a>
</span> </span>
<span style="display:block;"> <span style="display: block;">
<a <a
href="https://www.dribbble.com/k4ustu3h" href="https://www.dribbble.com/k4ustu3h"
target="_blank" target="_blank"
@ -108,7 +104,7 @@
<span class="iconify" data-icon="mdi-dribbble"></span> <span class="iconify" data-icon="mdi-dribbble"></span>
</a> </a>
</span> </span>
<span style="display:block;"> <span style="display: block;">
<a <a
href="https://facebook.com/k4ustu3h" href="https://facebook.com/k4ustu3h"
target="_blank" target="_blank"
@ -117,7 +113,7 @@
<span class="iconify" data-icon="mdi-facebook-box"></span> <span class="iconify" data-icon="mdi-facebook-box"></span>
</a> </a>
</span> </span>
<span style="display:block;"> <span style="display: block;">
<a <a
href="https://www.instagram.com/k4ustu3h" href="https://www.instagram.com/k4ustu3h"
target="_blank" target="_blank"
@ -126,7 +122,7 @@
<span class="iconify" data-icon="mdi-instagram"></span> <span class="iconify" data-icon="mdi-instagram"></span>
</a> </a>
</span> </span>
<span style="display:block;"> <span style="display: block;">
<a <a
href="https://keybase.io/k4ustu3h" href="https://keybase.io/k4ustu3h"
target="_blank" target="_blank"
@ -135,7 +131,7 @@
<span class="iconify" data-icon="simple-icons:keybase"></span> <span class="iconify" data-icon="simple-icons:keybase"></span>
</a> </a>
</span> </span>
<span style="display:block;"> <span style="display: block;">
<a <a
href="https://medium.com/@k4ustu3h" href="https://medium.com/@k4ustu3h"
target="_blank" target="_blank"
@ -144,7 +140,7 @@
<span class="iconify" data-icon="fa-brands:medium-m"></span> <span class="iconify" data-icon="fa-brands:medium-m"></span>
</a> </a>
</span> </span>
<span style="display:block;"> <span style="display: block;">
<a <a
href="https://www.reddit.com/u/kaustubhladiya" href="https://www.reddit.com/u/kaustubhladiya"
target="_blank" target="_blank"
@ -153,7 +149,7 @@
<span class="iconify" data-icon="fa:reddit-alien"></span> <span class="iconify" data-icon="fa:reddit-alien"></span>
</a> </a>
</span> </span>
<span style="display:block;"> <span style="display: block;">
<a <a
href="https://stackexchange.com/users/16727002" href="https://stackexchange.com/users/16727002"
target="_blank" target="_blank"
@ -162,7 +158,7 @@
<span class="iconify" data-icon="mdi:stack-exchange"></span> <span class="iconify" data-icon="mdi:stack-exchange"></span>
</a> </a>
</span> </span>
<span style="display:block;"> <span style="display: block;">
<a <a
href="https://steamcommunity.com/id/k4ustu3h" href="https://steamcommunity.com/id/k4ustu3h"
target="_blank" target="_blank"
@ -171,12 +167,12 @@
<span class="iconify" data-icon="mdi:steam"></span> <span class="iconify" data-icon="mdi:steam"></span>
</a> </a>
</span> </span>
<span style="display:block;"> <span style="display: block;">
<a href="https://t.me/k4ustu3h" target="_blank" class="socials"> <a href="https://t.me/k4ustu3h" target="_blank" class="socials">
<span class="iconify" data-icon="mdi-telegram"></span> <span class="iconify" data-icon="mdi-telegram"></span>
</a> </a>
</span> </span>
<span style="display:block;"> <span style="display: block;">
<a <a
href="https://www.twitter.com/k4ustu3h_" href="https://www.twitter.com/k4ustu3h_"
target="_blank" target="_blank"
@ -185,7 +181,7 @@
<span class="iconify" data-icon="mdi-twitter"></span> <span class="iconify" data-icon="mdi-twitter"></span>
</a> </a>
</span> </span>
<span style="display:block;"> <span style="display: block;">
<a <a
href="https://forum.xda-developers.com/member.php?u=9461231" href="https://forum.xda-developers.com/member.php?u=9461231"
target="_blank" target="_blank"
@ -208,10 +204,10 @@
<section> <section>
<div class="section_title">k4ustu3h.github.io</div> <div class="section_title">k4ustu3h.github.io</div>
<div class="about_section"> <div class="about_section">
<span style="display:none;">undefined</span> <span style="display: none;">undefined</span>
</div> </div>
<div class="bottom_section"> <div class="bottom_section">
<span style="display:inline-block;"> <span style="display: inline-block;">
<span class="iconify" data-icon="mdi-code-tags"></span> <span class="iconify" data-icon="mdi-code-tags"></span>
&nbsp; HTML &nbsp; HTML
</span> </span>
@ -235,12 +231,12 @@
<section> <section>
<div class="section_title">anothericonpack</div> <div class="section_title">anothericonpack</div>
<div class="about_section"> <div class="about_section">
<span style="display:block;"> <span style="display: block;">
Free and open source icon pack for Android. Free and open source icon pack for Android.
</span> </span>
</div> </div>
<div class="bottom_section"> <div class="bottom_section">
<span style="display:inline-block;"> <span style="display: inline-block;">
<span class="iconify" data-icon="mdi-code-tags"></span> <span class="iconify" data-icon="mdi-code-tags"></span>
&nbsp; Kotlin &nbsp; Kotlin
</span> </span>
@ -259,12 +255,12 @@
<section> <section>
<div class="section_title">bash-insulter</div> <div class="section_title">bash-insulter</div>
<div class="about_section"> <div class="about_section">
<span style="display:block;"> <span style="display: block;">
Insults the user when typing wrong command Insults the user when typing wrong command
</span> </span>
</div> </div>
<div class="bottom_section"> <div class="bottom_section">
<span style="display:none;"> <span style="display: none;">
<span class="iconify" data-icon="mdi-code-tags"></span> <span class="iconify" data-icon="mdi-code-tags"></span>
&nbsp; null &nbsp; null
</span> </span>
@ -283,13 +279,13 @@
<section> <section>
<div class="section_title">kotin.ga</div> <div class="section_title">kotin.ga</div>
<div class="about_section"> <div class="about_section">
<span style="display:block;"> <span style="display: block;">
Kotinga - Modern URL shortener with support for custom alias Kotinga - Modern URL shortener with support for custom alias
&amp; can be hosted even in GitHub pages &amp; can be hosted even in GitHub pages
</span> </span>
</div> </div>
<div class="bottom_section"> <div class="bottom_section">
<span style="display:inline-block;"> <span style="display: inline-block;">
<span class="iconify" data-icon="mdi-code-tags"></span> <span class="iconify" data-icon="mdi-code-tags"></span>
&nbsp; JavaScript &nbsp; JavaScript
</span> </span>
@ -308,13 +304,13 @@
<section> <section>
<div class="section_title">gitfolio</div> <div class="section_title">gitfolio</div>
<div class="about_section"> <div class="about_section">
<span style="display:block;"> <span style="display: block;">
A gitfolio fork that automatically deploys the output to A gitfolio fork that automatically deploys the output to
GitHub Pages using Travis CI GitHub Pages using Travis CI
</span> </span>
</div> </div>
<div class="bottom_section"> <div class="bottom_section">
<span style="display:inline-block;"> <span style="display: inline-block;">
<span class="iconify" data-icon="mdi-code-tags"></span> <span class="iconify" data-icon="mdi-code-tags"></span>
&nbsp; JavaScript &nbsp; JavaScript
</span> </span>
@ -349,7 +345,7 @@
static: true, static: true,
useMin: false, useMin: false,
maxColumns: 2, maxColumns: 2,
useTransform: true useTransform: true,
}); });
const magicForksGrid = new MagicGrid({ const magicForksGrid = new MagicGrid({
@ -359,7 +355,7 @@
static: true, static: true,
useMin: false, useMin: false,
maxColumns: 2, maxColumns: 2,
useTransform: true useTransform: true,
}); });
$("document").ready(() => { $("document").ready(() => {
@ -370,7 +366,7 @@
// function([string1, string2],target id,[color1,color2]) // function([string1, string2],target id,[color1,color2])
consoleText(["Kaustubh Ladiya", "Just another copy-paster"], "text", [ consoleText(["Kaustubh Ladiya", "Just another copy-paster"], "text", [
"white", "white",
"white" "white",
]); ]);
function consoleText(words, id, colors) { function consoleText(words, id, colors) {
@ -382,11 +378,11 @@
var waiting = false; var waiting = false;
var target = document.getElementById(id); var target = document.getElementById(id);
target.setAttribute("style", "color:" + colors[0]); target.setAttribute("style", "color:" + colors[0]);
window.setInterval(function() { window.setInterval(function () {
if (letterCount === 0 && waiting === false) { if (letterCount === 0 && waiting === false) {
waiting = true; waiting = true;
target.innerHTML = words[0].substring(0, letterCount); target.innerHTML = words[0].substring(0, letterCount);
window.setTimeout(function() { window.setTimeout(function () {
var usedColor = colors.shift(); var usedColor = colors.shift();
colors.push(usedColor); colors.push(usedColor);
var usedWord = words.shift(); var usedWord = words.shift();
@ -401,7 +397,7 @@
waiting === false waiting === false
) { ) {
waiting = true; waiting = true;
window.setTimeout(function() { window.setTimeout(function () {
x = -1; x = -1;
letterCount += x; letterCount += x;
waiting = false; waiting = false;
@ -411,7 +407,7 @@
letterCount += x; letterCount += x;
} }
}, 120); }, 120);
window.setInterval(function() { window.setInterval(function () {
if (visible === true) { if (visible === true) {
con.className = "console-underscore hidden"; con.className = "console-underscore hidden";
visible = false; visible = false;