mirror of https://github.com/MKRhere/pw
Personal Website - https://mkr.pw
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
216 lines
6.6 KiB
216 lines
6.6 KiB
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8; X-Content-Type-Options=nosniff">
|
|
<title>MKRhere/Personal Website - Portfolio</title>
|
|
<meta name="keywords" content="mkr, muthu, kumar, personal website">
|
|
<meta name="description" content="Welcome to the web home of Muthu Kumar—Architect, web developer, designer, writer, filmmaker and poet. Polymath. Narcissist. And hopeless romantic.">
|
|
<meta name="subject" content="Personal Website">
|
|
<meta name="copyright" content="Muthu Kumar">
|
|
<meta name="language" content="EN">
|
|
<meta name="robots" content="index,follow">
|
|
<meta name="revised" content="Sunday, December 10th, 2017">
|
|
<meta name="author" content="Muthu Kumar, muthukumar(AT)thefeathers.in">
|
|
<meta name="url" content="https://mkr.pw">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta http-equiv="x-dns-prefetch-control" content="on">
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css" type="text/css" charset="utf-8">
|
|
<link rel="stylesheet" href="css/style.css" type="text/css" charset="utf-8">
|
|
<link href="https://fonts.googleapis.com/css?family=Roboto:300,500" rel="stylesheet">
|
|
</head>
|
|
|
|
<body>
|
|
<a class="accessible" aria-hidden="true" href="#intro">[Skip to Content]</a>
|
|
<section id="intro" class="row-full">
|
|
<div class="col-full">
|
|
<h1 class="t-right">Hi, I'm Muthu Kumar</h1>
|
|
</div>
|
|
</section>
|
|
<section id="about" class="row-full">
|
|
<div class="col-full">
|
|
<h2 class="t-large t-white">About</h2>
|
|
<h2>Let's make this simple.</h2>
|
|
<h3 class="t-white">You have questions—let me try to answer them.</h3>
|
|
<br>
|
|
<ul id="faq">
|
|
<li class="faq-item">
|
|
<h3>I'm</h3>
|
|
<p>22.</p>
|
|
</li>
|
|
<li class="faq-item">
|
|
<h3>I'm an</h3>
|
|
<p>Architect, designer, full stack web developer, writer, and filmmaker.</p>
|
|
</li>
|
|
<li class="faq-item">
|
|
<h3>Currently at</h3>
|
|
<p>Chennai, India.</p>
|
|
</li>
|
|
<li class="faq-item">
|
|
<h3>from</h3>
|
|
<p>Thoothukudi, Tamil Nadu.</p>
|
|
</li>
|
|
<li class="faq-item">
|
|
<h3>Highschool at</h3>
|
|
<p>Sri Jayendra Swamigal Silver Jubilee, Tirunelveli.</p>
|
|
</li>
|
|
<li class="faq-item">
|
|
<h3>College at</h3>
|
|
<p>McGan's Ooty School of Architecture, Ooty.</p>
|
|
</li>
|
|
<li class="faq-item">
|
|
<h3>Work Experience</h3>
|
|
</li>
|
|
<li>
|
|
<ul id="work">
|
|
<li class="faq-item">
|
|
<p>Architectural Intern, BlueCube, Chennai.</p>
|
|
</li>
|
|
<li class="faq-item">
|
|
<p>Technical Content Writer Intern, Zoho, Chennai.</p>
|
|
</li>
|
|
<li class="faq-item">
|
|
<p>Graphic Designer & Web Developer, Manoj Exports, Chennai.</p>
|
|
</li>
|
|
<li class="faq-item">
|
|
<p>(Current) Full stack Web Developer, Klenty.</p>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
<section id="projects" class="row-3">
|
|
<div class="row-head t-center">
|
|
<h2>Projects</h2>
|
|
</div>
|
|
<div class="col-1-1 t-center">
|
|
<div class="p-item">
|
|
<h3>Fuse</h3>
|
|
<p>Functional alternative to switch case.</p>
|
|
<ul class="tags">
|
|
<li>JavaScript</li>
|
|
<li>Functional</li>
|
|
<li>Conditional branching</li>
|
|
</ul>
|
|
<p class="p-links">
|
|
<a target="_blank" href="https://github.com/codefeathers/fuse">GitHub</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-1-2 t-center">
|
|
<div class="p-item">
|
|
<h3>up-serve</h3>
|
|
<p>A very simple to use cli nginx configuration tool.</p>
|
|
<ul class="tags">
|
|
<li>JavaScript</li>
|
|
<li>Node</li>
|
|
<li>nginx</li>
|
|
<li>Linux</li>
|
|
<li>SysAdmin</li>
|
|
</ul>
|
|
<p class="p-links">
|
|
<a target="_blank" href="https://github.com/CodeFeathers/up-serve">GitHub</a>
|
|
<a target="_blank" href="https://up.js.org">Project Site</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-1-3 t-center">
|
|
<div class="p-item">
|
|
<h3>OutFocusRED</h3>
|
|
<p>WordPress theme for the OutFocus.in online magazine.</p>
|
|
<ul class="tags">
|
|
<li>WordPress</li>
|
|
<li>PHP</li>
|
|
<li>_s</li>
|
|
<li>JavaScript</li>
|
|
</ul>
|
|
<p class="p-links">
|
|
<a target="_blank" href="https://github.com/CodeFeathers/OutFocusRED">GitHub</a>
|
|
<a target="_blank" href="https://outfocus.in">Project Site</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-2-1 t-center">
|
|
<div class="p-item">
|
|
<h3>The Feathers</h3>
|
|
<p>Founder, designer and developer of theFeathers.in.</p>
|
|
<ul class="tags">
|
|
<li>Design</li>
|
|
<li>WordPress</li>
|
|
<li>JavaScript</li>
|
|
<li>HTML</li>
|
|
<li>CSS</li>
|
|
</ul>
|
|
<p class="p-links">
|
|
<a target="_blank" href="https://thefeathers.in">Project Site / Currently down</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-2-2 t-center">
|
|
<div class="p-item">
|
|
<h3>The Devs Network</h3>
|
|
<p>A Telegram network for developers. Contributed to development.</p>
|
|
<ul class="tags">
|
|
<li>JavaScript</li>
|
|
<li>Node</li>
|
|
<li>React</li>
|
|
<li>Material</li>
|
|
<li>Design</li>
|
|
</ul>
|
|
<p class="p-links">
|
|
<a target="_blank" href="https://github.com/thedevs-network">GitHub</a>
|
|
<a target="_blank" href="https://thedevs.network">Project Site</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="col-2-3 t-center">
|
|
<div class="p-item">
|
|
<h3>Curatio Healthcare</h3>
|
|
<p>Design and development of custom site (WordPress).</p>
|
|
<ul class="tags">
|
|
<li>Design</li>
|
|
<li>WordPress</li>
|
|
<li>JavaScript</li>
|
|
<li>HTML</li>
|
|
<li>CSS</li>
|
|
</ul>
|
|
<p class="p-links">
|
|
<a target="_blank" href="http://curatiohealthcare.com">Project Site</a>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section id="contact" class="row-full">
|
|
<div class="col-full">
|
|
<h1>I'm available for freelance or other interesting work. I open source too!</h1>
|
|
<p class="t-med">Contact me at:
|
|
<span id="contact-em" class="t-white">mxthxkxmyr@thzfzythzrs.in (If JS disabled, replace x with u; y with a; z with e)</span>
|
|
</p>
|
|
</div>
|
|
</section>
|
|
<script>
|
|
function revealEmail() {
|
|
var obfem = "mxthxkxmyr@thzfzythzrs.in"
|
|
obfem = obfem.replace(/x/g, 'u')
|
|
.replace(/y/g, 'a')
|
|
.replace(/z/g, 'e')
|
|
document.querySelector("#contact-em").innerHTML = obfem
|
|
}
|
|
document.onscroll = revealEmail
|
|
</script>
|
|
<script src="js/bundle.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.0.3/socket.io.js"></script>
|
|
<script>
|
|
var socket = io('https://breeze.thefeathers.in');
|
|
var visitorData = {
|
|
referringSite: document.referrer,
|
|
page: location.pathname
|
|
}
|
|
socket.emit('visitor-data', visitorData);
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|
|
|