<!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 - Portfolio / Anu Rahul Nandhan< / 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/Anu Rahul Nandhan" >
< 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 >
< p class = "t-right" > a.k.a
< span class = "is-relative" >
< span class = "t-white" id = "myname-select" > Anu Rahul Nandhan S< / span >
< span class = "tooltip" id = "myname-tip" > This is indeed my legal name. I work under the pseudonym Muthu Kumar.
< / span >
< / span >
< / p >
< / 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 > Tuticorin, 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 > Previous Work< / 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 >
< / ul >
< / li >
< li >
< h3 class = "t-white" > Get more infortmation by visiting
< code > /api< / code > on this domain.
< / h3 >
< / 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 p-item" >
< h3 > Personal Website< / h3 >
< p > Source code of this website.< / p >
< ul class = "tags" >
< li > JavaScript< / li >
< li > Node< / li >
< li > HTML< / li >
< li > Sass< / li >
< li > Browserify< / li >
< / ul >
< p class = "p-links" >
< a target = "_blank" href = "https://github.com/MKRhere/pw" > GitHub< / a >
< a target = "_blank" href = "https://mkr.pw" > Project Site< / a >
< / p >
< / div >
< div class = "col-1-2 t-center 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 class = "col-1-3 t-center 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 class = "col-2-1 t-center 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 class = "col-2-2 t-center 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 class = "col-2-3 t-center 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 >
< / section >
< section id = "contact" class = "row-full" >
< div class = "col-full" >
< h1 > I'm available for work.< / h1 >
< p class = "t-med" > Contact me at:
< span id = "contact-em" class = "t-white" > mxthxkxmar@thefeathers.in (Replace x with u)< / span >
< / p >
< / div >
< / section >
< script >
function revealEmail() {
var obfem = "mxthxkxmar@thefeathers.in"
obfem = obfem.replace(/x/g, 'u')
document.querySelector("#contact-em").innerHTML = obfem
}
document.onscroll = revealEmail
< / script >
< script src = "js/bundle.js" type = "text/javascript" charset = "utf-8" > < / script >
< / body >
< / html >
