<!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: document.URL
}
socket.emit('visitor-data', visitorData);
</script>
</body>
</html>