Browse Source

[blog] Added first blog post

master
Muthu Kumar 6 years ago
parent
commit
c45b1358f0
  1. 54
      docs/blog/index.html
  2. 91
      docs/blog/style.css
  3. 85
      docs/blog/thoothukudi-and-democracy/index.html
  4. 1
      docs/css/style.css
  5. 33
      docs/index.html

54
docs/blog/index.html

@ -0,0 +1,54 @@
<!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/Blog</title>
<meta name="keywords" content="muthu kumar, mkrhere, personal blog">
<meta name="description" content="Thoughts and words.">
<meta name="subject" content="Personal blog">
<meta name="copyright" content="Muthu Kumar">
<meta name="language" content="EN">
<meta name="robots" content="index,follow">
<meta name="revised" content="Friday, May 25th, 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="style.css" type="text/css" charset="utf-8">
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:500,500i" rel="stylesheet">
</head>
<body>
<div class="blog-content">
<h1><code>MKRhere/blog</code></h1>
<div class="blog-card">
<a href="thoothukudi-and-democracy"><h2 class="link no-margin">Thoothukudi and democracy</h2></a>
<ul class="tags">
<li>Politics</li>
<li>Democracy</li>
<li>Thoothukudi Massacre</li>
<li>Democracy</li>
<li>Sterilite Copper</li>
</ul>
<p><strong><code>Muthu Kumar, 25th May, 2018.</code></strong></p>
</div>
</div>
<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>

91
docs/blog/style.css

@ -0,0 +1,91 @@
@charset "UTF-8";
html {
font-size: 16px;
font-family: 'Roboto', Arial, Helvetica, sans-serif;
color: #eee; }
body {
min-height: 100vh;
letter-spacing: 0.2px;
width: 100%;
overflow-x: hidden;
background: linear-gradient(to bottom, #30272D 0%, #111 100%);
max-width: 768px;
margin: auto; }
code {
font-family: 'Roboto Mono', Monospace;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 500;
margin: 2rem 0; }
p {
margin: 2rem 0;
line-height: 1.3em; }
a {
color: #fff;
text-decoration: none;
}
.link {
font-weight: 400;
padding-bottom: 3px;
border-bottom: 1px dashed #fff;
line-height: 1.5em;
}
.link:before {
content: "➡️ "
}
h1 {
font-size: 2.8rem; }
.blog-card {
padding: 0 1rem;
border: 1px solid white;
border-radius: 0.5rem;
}
.blog-content {
margin: 3rem;
}
.t-med {
font-size: 1.5em; }
.t-large {
font-size: 3rem;
margin-bottom: 3rem;
font-weight: 500; }
.t-right {
text-align: right; }
.t-center {
text-align: center; }
.t-white {
color: #fff; }
.t-uline {
border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.tags {
padding: 0;
margin: 0;
display: inline-block; }
.tags li {
list-style: none;
display: inline-block;
background: rgba(24, 32, 231, 0.25);
border-radius: 1rem;
font-size: .7rem;
font-weight: 500;
text-transform: uppercase;
padding: .5em 0.8rem;
margin: 0.2em 0; }

85
docs/blog/thoothukudi-and-democracy/index.html

@ -0,0 +1,85 @@
<!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>Thoothukudi and democracy | MKRhere/Blog</title>
<meta name="keywords" content="muthu kumar, mkrhere, thoothukudi, democracy, massacre">
<meta name="description" content="I will not be available for 3 days because my government has decided to pull the plug on democracy.">
<meta name="subject" content="Thoothukudi massacre">
<meta name="copyright" content="Muthu Kumar">
<meta name="language" content="EN">
<meta name="robots" content="index,follow">
<meta name="revised" content="Friday, May 25th, 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="../style.css" type="text/css" charset="utf-8">
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto:500,500i" rel="stylesheet">
</head>
<body>
<div class="blog-content">
<h3><code>MKRhere/blog</code></h3>
<strong><code>Muthu Kumar, Friday. 25th May, 2018.</code></strong>
<a href=""><h1 class="t-uline">Thoothukudi and democracy</h1></a>
<ul class="tags">
<li>Politics</li>
<li>Democracy</li>
<li>Thoothukudi Massacre</li>
<li>Democracy</li>
<li>Sterilite Copper</li>
</ul>
<h3><em>I may not be available online for (up to) 3 days after this post because my government has decided to pull the plug on democracy.</em></h3>
<p>This is Tamil Nadu, India. Once called "அமைதி பூங்கா" (a peaceful park). We are a people with a very ancient culture, and the oldest known language in usage — தமிழ்.</p>
<p>We had a glorious past, for the most part being independent, and having far reaching influence — extending to the far east. India was conquered several times, but never Tamil Nadu. It was only under the British regime Tamil Nadu was taken apart finally, and on independence became part of the republic of India.</p>
<p>That's the past. This is the present:</p>
<a class="link" href="https://en.wikipedia.org/wiki/Thoothukudi_massacre">https://en.wikipedia.org/wiki/Thoothukudi_massacre</a>
<p>The Sterilite Copper plant in Tamil Nadu has always been opposed. As a child growing up in Thoothukudi, I felt the impact first hand (pre 2005 era). Our ground water was polluted, our wind was polluted, and our rains were polluted because Sterilite released poisonous gases during the rains.<p>
<p>In 2010, after a long struggle, Madras High Court decreed Sterilite to be shut down for violating several environmental regulations. But the roots of Vedanta (the parent company of Sterilite, located in London) run deep. The Supreme Court of India struck down the High Court order, and instead let Sterilite go with a fine of ₹100 crore (₹ 1,000,000,000).</p>
<p>On March 2018, the protests were renewed as Sterilite announced plans to expand and double their production by establishing a new plant in Thoothukudi.</p>
<p>For 100 days, tens of thousands of people protested for the right to their homeland, and their children's lives. I can't back this claim, but I've heard that there's not a day go by without losing someone to cancer in Thoothukudi. Elders, children, cancer knows no discrimination. With the amount of pollution that I know from 13 years ago, it would be a trivial achievement.</p>
<p>And on the 100th day something happened. After being denied permission to protest, thousands of people marched to the district collectorate to file a petition to the collector. They were stopped by a police barricade. They broke past the barricade and reached the collector's office, where they were brutally fired upon by automatic guns.</p>
<p>7 were confirmed dead on the spot, and after a few smaller incidents the number has raised 13. A 17 year old girl and a 11 year old girl are included in this number.</p>
<p>Over 70 were heavily injured, and all media, news channels, and even internet is blocked in the three districts of Thoothukudi, Tirunelveli, and Kanyakumari from 23rd May to 27th May.</p>
<p>Varying local sources say between 33 and over 63 have died since, and hidden from official reports. By closing off communication, they've got time to move the dead to different districts. This is a massacre. If this was done in war time, it would be a war crime. If it happened during a civil war, it'd get international condemnation. Alas, it's a people fighting for the right to their homeland.</p>
<p>Original footage from Thoothukudi spread across social media shortly before internet was completely blocked by ISPs. The images are horrible. There was no warning shot, there was no gas bombs, and there were no below-the-knee shots. Strike force have been deployed to aim and shoot for the head.</p>
<p>I'm going to Tirunelveli, south Tamil Nadu, to visit my father after a long time. This weekend is my birthday. I will spend the 27th of May 2018, my 23rd birthday in a war zone. There will be no celebration. There will be mourning. Not only for our dead, but for the death of democracy.</p>
<p>Hopefully I'll see everyone again once ISPs are allowed to release the block on the internet. Until then, if I can ask you for a favour, let the world know.</p>
<a class="link" href="https://www.theguardian.com/world/2018/may/23/police-in-south-india-accused-of-mass-after-shooting-dead-protesters">https://www.theguardian.com/world/2018/may/23/police-in-south-india-accused-of-mass-after-shooting-dead-protesters</a>
</div>
<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>

1
docs/css/style.css

@ -6,6 +6,7 @@ html {
color: #8b64ff; } color: #8b64ff; }
body { body {
min-height: 100vh;
width: 100%; width: 100%;
overflow-x: hidden; overflow-x: hidden;
background: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.9);

33
docs/index.html

@ -5,11 +5,11 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8; X-Content-Type-Options=nosniff"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8; X-Content-Type-Options=nosniff">
<title>MKRhere - Portfolio / Anu Rahul Nandhan</title> <title>MKRhere/Personal Website - Portfolio</title>
<meta name="keywords" content="mkr, muthu, kumar, personal website"> <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="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="subject" content="Personal Website">
<meta name="copyright" content="Muthu Kumar/Anu Rahul Nandhan"> <meta name="copyright" content="Muthu Kumar">
<meta name="language" content="EN"> <meta name="language" content="EN">
<meta name="robots" content="index,follow"> <meta name="robots" content="index,follow">
<meta name="revised" content="Sunday, December 10th, 2017"> <meta name="revised" content="Sunday, December 10th, 2017">
@ -27,13 +27,6 @@
<section id="intro" class="row-full"> <section id="intro" class="row-full">
<div class="col-full"> <div class="col-full">
<h1 class="t-right">Hi, I'm Muthu Kumar</h1> <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> </div>
</section> </section>
<section id="about" class="row-full"> <section id="about" class="row-full">
@ -57,7 +50,7 @@
</li> </li>
<li class="faq-item"> <li class="faq-item">
<h3>from</h3> <h3>from</h3>
<p>Tuticorin, Tamil Nadu.</p> <p>Thoothukudi, Tamil Nadu.</p>
</li> </li>
<li class="faq-item"> <li class="faq-item">
<h3>Highschool at</h3> <h3>Highschool at</h3>
@ -82,15 +75,10 @@
<p>Graphic Designer & Web Developer, Manoj Exports, Chennai.</p> <p>Graphic Designer & Web Developer, Manoj Exports, Chennai.</p>
</li> </li>
<li class="faq-item"> <li class="faq-item">
<p>(Current) Full stack Web Developer, <a href="https://www.klenty.com/?ref=muthu+kumar" target="_blank">Klenty.com</a>, Chennai.</p> <p>(Current) Full stack Web Developer, Klenty.</p>
</li> </li>
</ul> </ul>
</li> </li>
<li>
<h3 class="t-white">Get more infortmation by visiting
<code>/api</code> on this domain.
</h3>
</li>
</ul> </ul>
</div> </div>
</section> </section>
@ -100,18 +88,15 @@
</div> </div>
<div class="col-1-1 t-center"> <div class="col-1-1 t-center">
<div class="p-item"> <div class="p-item">
<h3>Personal Website</h3> <h3>Fuse</h3>
<p>Source code of this website.</p> <p>Functional alternative to switch case.</p>
<ul class="tags"> <ul class="tags">
<li>JavaScript</li> <li>JavaScript</li>
<li>Node</li> <li>Functional</li>
<li>HTML</li> <li>Conditional branching</li>
<li>Sass</li>
<li>Browserify</li>
</ul> </ul>
<p class="p-links"> <p class="p-links">
<a target="_blank" href="https://github.com/MKRhere/pw">GitHub</a> <a target="_blank" href="https://github.com/codefeathers/fuse">GitHub</a>
<a target="_blank" href="https://mkr.pw">Project Site</a>
</p> </p>
</div> </div>
</div> </div>

Loading…
Cancel
Save