New structure for images

_includes/cat_header.html

@@ -4,7 +4,7 @@
     <div class="col-md-8 tinted cover-image center-fill-container">
       {% if post.image != nil %}
       <div class="img-container">
-        <img class="center-both img-center-fill" src="/images/posts/{{ post.image }}" alt="">
+        <img class="center-both img-center-fill" src="http://ketangupta.in/wona-images/posts/{{ post.image }}" alt="">
       </div>
       {% endif %}
     </div>

_includes/footer.html

@@ -1,7 +1,7 @@
 <footer class="container-fluid">
   <div class="pre-footer container">
     <div class="brand pull-left">
-      <img class="logo" src="/images/logo-black.png">
+      <img class="logo" src="http://ketangupta.in/wona-images/logo-black.png">
       <div class="name-container">
         <div class="name">Watch Out!</div>
         <div class="desc">Official News<br>Body of IITR</div>
@@ -12,9 +12,9 @@
       <a href="/about">About</a>
       <a href="/guide">Guide</a>
       <a href="/getinvolved">Get Involved</a>
-      <a  href="http://fb.com/watchoutiitr"><img src="/images/fb-logo.svg"></a>
-      <a href="https://www.youtube.com/channel/UCthZ7tKOzy4EJpuVxtdcp1A"><img src="/images/youtube-play.svg"></a>
-      <a href="https://www.linkedin.com/company-beta/13290672/"><img src="/images/linkedin.png"></a>
+      <a  href="http://fb.com/watchoutiitr"><img src="http://ketangupta.in/wona-images/fb-logo.svg"></a>
+      <a href="https://www.youtube.com/channel/UCthZ7tKOzy4EJpuVxtdcp1A"><img src="http://ketangupta.in/wona-images/youtube-play.svg"></a>
+      <a href="https://www.linkedin.com/company-beta/13290672/"><img src="http://ketangupta.in/wona-images/linkedin.png"></a>
     </div>
   </div>
 

_includes/head.html

@@ -24,7 +24,7 @@
   <meta property="og:title" content="{{ title | xml_escape }}" />
   <meta property="og:type" content="{% if page.excerpt %}article{% else %}website{% endif %}" />
   <meta property="og:url" content="{{ site.url }}{{ page.url }}" />
-  <meta property="og:image" content="{{ site.url }}/images/{% if page.image %}posts/{{page.image}}{% else %}posts/main-building.jpg{% endif %}" />
+  <meta property="og:image" content="{{ site.url }}http://ketangupta.in/wona-images/{% if page.image %}posts/{{page.image}}{% else %}posts/main-building.jpg{% endif %}" />
   {% if page.description != null %}
     <meta property="og:description" content="{{ page.description }}" />
   {% else %}

_includes/header.html

@@ -9,7 +9,7 @@
     {% if post.image != nil %}
     <div class="col-md-8 tinted cover-image center-fill-container">
       <div class="img-container">
-        <img class="center-both img-center-fill" src="/images/posts/{{ post.image }}" alt="">
+        <img class="center-both img-center-fill" src="http://ketangupta.in/wona-images/posts/{{ post.image }}" alt="">
       </div>
     </div>
     {% endif %}
@@ -47,7 +47,7 @@ <h1 class="title">{{ post.title  }}</h1>
         <a href="{{ post.url }}">
           <div class="article">
             <div class="center-fill-container img-container tinted">
-              <img src="/images/posts/{{post.image}}" alt=""  class="img-center-fill center-both {% if post.image == null %}hidden{% endif %}">
+              <img src="http://ketangupta.in/wona-images/posts/{{post.image}}" alt=""  class="img-center-fill center-both {% if post.image == null %}hidden{% endif %}">
             </div>
             <div class="details">
               <div class="head">

_includes/horizontal_post.html

@@ -1,7 +1,7 @@
 {% assign post = include.post %}
 <div class="row article article-horiozntal">
   <div class="col-md-4 center-fill-container img-container">
-    <img src="/images/posts/{{post.image}}" alt=""  class="img-center-fill center-both {% if post.image == null %}hidden{% endif %}">
+    <img src="http://ketangupta.in/wona-images/posts/{{post.image}}" alt=""  class="img-center-fill center-both {% if post.image == null %}hidden{% endif %}">
   </div>
   <div class="details-container col-md-8">
     <div class="details">

_includes/navbar.html

@@ -1,7 +1,7 @@
 <div class="pre-nav container">
   <a href="/">
     <div class="brand pull-left">
-      <img class="logo" src="/images/logo-black.png">
+      <img class="logo" src="http://ketangupta.in/wona-images/logo-black.png">
       <div class="name-container">
         <div class="name">Watch Out!</div>
         <div class="desc">Official News<br>Body of IITR</div>
@@ -12,9 +12,9 @@
     <a href="/about">About</a>
     <a href="/guide">Guide</a>
     <a href="/getinvolved">Get Involved</a>
-    <a  href="http://fb.com/watchoutiitr"><img src="/images/fb-logo.svg"></a>
-    <a href="https://www.youtube.com/channel/UCthZ7tKOzy4EJpuVxtdcp1A"><img src="/images/youtube-play.svg"></a>
-    <a href="https://www.linkedin.com/company-beta/13290672/"><img src="/images/linkedin.png"></a>
+    <a  href="http://fb.com/watchoutiitr"><img src="http://ketangupta.in/wona-images/fb-logo.svg"></a>
+    <a href="https://www.youtube.com/channel/UCthZ7tKOzy4EJpuVxtdcp1A"><img src="http://ketangupta.in/wona-images/youtube-play.svg"></a>
+    <a href="https://www.linkedin.com/company-beta/13290672/"><img src="http://ketangupta.in/wona-images/linkedin.png"></a>
   </div>
 </div>
 

_layouts/post.html

@@ -24,7 +24,7 @@ <h1 class="title">
       {% if page.image != null %}
       <div class="center-fill-container cover-img" style="height:{{page.height}}">
         <div class="img-container">
-          <img class="center-both img-center-fill" src="/images/posts/{{ page.image }}" alt="">
+          <img class="center-both img-center-fill" src="http://ketangupta.in/wona-images/posts/{{ page.image }}" alt="">
         </div>
       </div>
       {% endif %}
@@ -59,7 +59,7 @@ <h1 class="container-title">More from {{ page.category | capitalize }}</h1>
     <div class="article col-sm-3">
       <a href="{{ post.url }}">
         <div class="center-fill-container img-container tinted">
-          <img src="/images/posts/{{post.image}}" alt=""  class="img-center-fill center-both {% if post.image == null %}hidden{% endif %}">
+          <img src="http://ketangupta.in/wona-images/posts/{{post.image}}" alt=""  class="img-center-fill center-both {% if post.image == null %}hidden{% endif %}">
         </div>
         <div class="details">
           <h3 class="title">{{ post.title | truncatewords: 7}}</h3>

_posts/2014-02-05-audegn.md

@@ -13,7 +13,7 @@ Audegn, a word one had never heard before is now being emerging as the most succ
  It all started with a freelance project done for a Bangalore firm from his hostel room in college when one of the Sonesh’s design was spotted by a friend’s friend who offered him a project which was done under the name of Design Desk. With time it evolved into Audegn and began its operations from March 2, 2011.  
 
 <div class="img right">
-	<img src="/images/posts/edc/audegn/raonak.jpg" alt="">
+	<img src="http://ketangupta.in/wona-images/posts/edc/audegn/raonak.jpg" alt="">
 </div>
 
 ##The Roller-Coaster Ride 
@@ -25,7 +25,7 @@ The initial members were individually perfect but their combination wasn't. They
  There was a brief time recntly during which operations of Audegn stopped. But with a new vigour, the team has bounced back and did so with a boom.The current team includes Aman Awasthy, Rishab Garodia, Anirudh Mittal and Amlan Mishra, all from third year Architecture with Sonesh leading them.
 
 <div class="img right">
-	<img src="/images/posts/edc/audegn/kratos.jpg" alt="">
+	<img src="http://ketangupta.in/wona-images/posts/edc/audegn/kratos.jpg" alt="">
 </div>
 
 ##What does 'Audegn' exactly do?

_posts/2015-08-04-demise-of-kalam.md

@@ -9,4 +9,4 @@ IIT Roorkee students’ fraternity mourns the unfortunate demise of Dr. APJ Abdu
 
 To honour the life of this great visionary, students of IIT Roorkee under the aegis of the Student Affairs Council and the DoSW, united in a silent prayer on the UG floor on Tuesday, 28th July.
 
-![Candle march by students](/images/posts/news/kalam-candle-march.jpg) The campus hosted a candle march proceeding from HEC office, going through Kasturba Bhawan, Saraswati Mandir, Central library and finally culminating on the UG floor. The march witnessed a turnout of over 250 students.
+![Candle march by students](http://ketangupta.in/wona-images/posts/news/kalam-candle-march.jpg) The campus hosted a candle march proceeding from HEC office, going through Kasturba Bhawan, Saraswati Mandir, Central library and finally culminating on the UG floor. The march witnessed a turnout of over 250 students.

_posts/2015-08-13-of-facts-and-pacts-2.md

@@ -32,7 +32,7 @@ At the Bhawan level we now have six positions, discarding the constituency syste
 
 Along with the wardens, the elected students constitute the Bhawan Council. A member secretary responsible for the convening of meetings of Bhawan council will be nominated out of the elected Bhawan council members.  
 
-![bhawan](/images/posts/bhawan-positions.png)
+![bhawan](http://ketangupta.in/wona-images/posts/bhawan-positions.png)
 
 At the institute level, there are seven positions out of which five will be elected and two nominated-
 
@@ -50,7 +50,7 @@ At the institute level, there are seven positions out of which five will be elec
 
 The aforementioned students will constitute the executive committee of SAC and will nominate one among themselves to be the General Secretary of SAC.  
 
-![institute](/images/posts/institute-positions.png)
+![institute](http://ketangupta.in/wona-images/posts/institute-positions.png)
 
 For the uninitiated, the force driving these sweeping reforms in the election procedures is to be done away with the ‘murkier’ side of student politics by encouraging manifesto based elections. Whether or not these are on a par with the objective originally intended, is a story yet to unfold. In the third and the last of the series, ‘Of Pacts and Facts’, Watch Out! will scrutinize the reforms at a microscopic level and paint the bigger picture.
 Stay tuned!

_posts/2016-07-30-summer-diaries-inria-research-centre-paris.md

@@ -30,7 +30,7 @@ From my personal experience there are two things that matter the most in your ap
 
 
 
-![Inria center, Paris](/images/posts/inria-paris.png)
+![Inria center, Paris](http://ketangupta.in/wona-images/posts/inria-paris.png)
 *The place: Inria Research Centre, Saclay, Paris*
 {: style="text-align: center"}
 
@@ -45,7 +45,7 @@ Talking about the working culture of the team, there was an optimum balance betw
 
 ### What’s to love about the place?
 
-![Shashank Anand pencil sketch](/images/posts/shashank-anand.jpg){: style="height: 500px;"}
+![Shashank Anand pencil sketch](http://ketangupta.in/wona-images/posts/shashank-anand.jpg){: style="height: 500px;"}
 *Return gift from one of my friends, for a wholesome meal of daal*
 {: style="text-align: center"}
 

_posts/2016-08-02-summer-diaries-citigroup.md

@@ -20,15 +20,15 @@ by an HR round. Both of these rounds are pretty easy to crack. They mainly judge
 Citi likes to call itself “An IT firm with a banking licence”. So evidently the company puts a lot of focus on the quality of its software infrastructure, all the software that the company uses over the world is developed internally. Something that is equally putting off and fascinating, depending on how you look at it, is that the firm is extremely concerned by the security of its network, meaning that you are not allowed to install anything on your system that is not
 approved by the IT team. Sometimes the approval process takes weeks to complete. 
 
-![Citigroup](/images/posts/citi-1.png){: style="width: 45%;"}
+![Citigroup](http://ketangupta.in/wona-images/posts/citi-1.png){: style="width: 45%;"}
 *Sex and the Citi*
 {: style="text-align: center"}
 
 As far as the workload is concerned, it is not really taxing. You might even feel too unoccupied at work at times, but then you really learn to ask people for work. The aim of the internship is not to contribute humongous amounts of code but to get a glimpse into the corporate world and see how Citi as an institution functions. The work hours usually depend on the team you have been assigned to. For me, I usually worked from 11-7 on regular days. The company requires you to wear formals
 to work except on fridays. 
 
 
-![Citigroup office](/images/posts/citi-3.png){: style="width: 45%;"}
+![Citigroup office](http://ketangupta.in/wona-images/posts/citi-3.png){: style="width: 45%;"}
 *The workplace*
 {: style="text-align: center"}
 
@@ -46,7 +46,7 @@ The office is located at Pune’s most beautiful IT park, other giants around ci
 
 Pune offers you all the luxuries of a metropolitan while subtly maintaining its rustic feel. Depending on how you like to spend your evenings, the city has everything on display, be it nightlife or just a pleasant walk around the park. Locals say that if you drive towards any direction for about 50 kilometers you are bound to find yourself amidst hills. 
 
-![Outing](/images/posts/citi-2.png){: style="width: 45%;"}
+![Outing](http://ketangupta.in/wona-images/posts/citi-2.png){: style="width: 45%;"}
 *Kyunki second saturday bank holiday hota hai*
 {: style="text-align: center"}
 

_posts/2016-08-02-summer-diaries-samsung.md

@@ -12,7 +12,7 @@ _Parag Nandi is a 5th year student in the Department of Earth Sciences. Read on
 
 As an engineering student I was always intrigued by the scope of IoT and connected devices. And the designer in me screamed to explore the less travelled roads of UX Design for IoT, to create a tranquil synergy with home environments.
 
-![Samsung ID card](/images/posts/samsung-1.png){: style="width: 45%;"}
+![Samsung ID card](http://ketangupta.in/wona-images/posts/samsung-1.png){: style="width: 45%;"}
 
 Samsung Research Institute Bangalore (SRIB) is one of the few R&D Centres in the world which focuses extensively on UX Research for IoT and connected devices. And the fact that Samsung is the market leader in consumer products amplifies the scope of the entire project.
 
@@ -23,14 +23,14 @@ I applied at Samsung R&D Bangalore off-campus, through the company’s website i
 I completed two major projects at SRIB. One was on Samsung Smart Hub/Smart TV and the other was on Tizen OS. In the Smart TV project, initially I had to propose 15 unique problem statements focusing on daily home scenarios with suitable solutions for them. Then out of the 15 problem statements, I had to choose one and create multiple models of solutions for it and finally present the best possible solution. To understand the pain points of users pertaining to TV viewing experience,
 perception and comfort of IoT, use of smart devices & wearables I had to conduct quantitative and qualitative UX Research. Based on the data acquired from the research, I chose to design a system to automatically detect when a user falls asleep while watching TV using wearables/smart watch and turn off the TV to save electricity and allow sound sleep.
 
-![Taking surveys](/images/posts/samsung-2.png){: style="width: 45%;"}
+![Taking surveys](http://ketangupta.in/wona-images/posts/samsung-2.png){: style="width: 45%;"}
 *Understanding user behaviour through surveys*
 {: style="text-align: center"}
 
 As part of the Tizen OS project, I had to propose USP ideas for the Tizen phones to be released in July, 2017. As these phones are mainly targeted towards people shifting from feature phones to smartphones for the first time, this project demanded the creation and extensive study of different user personas who will be using this phone on daily basis. Based on the user needs derived from the interviews and other research findings, I proposed a few ideas. Finally, 2 of my ideas were
 selected and proposed to the Korea HQ and hopefully will translate as USP of the next generation Tizen phones. Apart from the major projects I had participated in UX Research for S-Voice and had conducted User Surveys to understand the Indian mobile market.
 
-![Samsung office](/images/posts/samsung-3.png){: style="width: 45%;"}
+![Samsung office](http://ketangupta.in/wona-images/posts/samsung-3.png){: style="width: 45%;"}
 
 The overall work experience was good. The work hours are generally flexible and depend on the team you work with. The UX Design team had the privilege of the pilot program where we had to complete 45 hours weekly and there was no issue of daily work hours.
 
@@ -41,7 +41,7 @@ Bangalore pub was enough to feel the motivation oozing from Srivatsan.
 
 Another fruitful meeting was through UXProject — Masterclass where I got to meet with some of the most awesome designers from UrbanLadder, Zeta and Pensaar. The folks at Razorpay had called for IIT Roorkee Bangalore meetup with a focus on promoting entrepreneurship among IIT-R students.
 
-![Razorpay office](/images/posts/samsung-4.png){: style="width: 45%;"}
+![Razorpay office](http://ketangupta.in/wona-images/posts/samsung-4.png){: style="width: 45%;"}
 *Razorpay IIT Roorkee meetup*
 {: style="text-align: center"}
 

_posts/2016-08-07-philosophy-is-death-of-man.md

@@ -9,7 +9,7 @@ category: editorial
 Albert Camus once said, “Man is the only creature who refuses to be what he is”. I guess he simply felt that our need to be acceptable takes away a part of us that was meant to define our individuality and instead leaves behind something alien in its place. What some call transformation and self-actualization could be a futile and miniscule attempt to make ourselves a little similar to that which we deem worthy of existence. How does one decide what is worth existing or fighting for?
 Is it what makes us happy? 
 
-![Albert Camus](/images/posts/albert-camus.png){: style="width: 65%;"}
+![Albert Camus](http://ketangupta.in/wona-images/posts/albert-camus.png){: style="width: 65%;"}
 Albert Camus, the man behind __absurdism.__
 {: style="text-align: center"}
 
@@ -29,7 +29,7 @@ direct us on a path giving us someplace to begin figuring out this vast ocean of
 
 This also begs the question: could it all be a part of the natural order of things? Is it possible to experience cognitive changes without inducing thoughts? This could also mean that animals might have the ability to extract emotional content from the most extreme of their experiences in whatever minute way they can. Maybe we don’t see it because it’s not the way we do it.
 
-![The Time Machine Cover](/images/posts/the-time-machine-cover.png){: style="width: 40%;"}
+![The Time Machine Cover](http://ketangupta.in/wona-images/posts/the-time-machine-cover.png){: style="width: 40%;"}
 
 Maybe philosophy doesn’t possess the power to mold our cognition in the absence of an initial thought in the same direction, latent but natural and strong. After all, philosophy itself comes from the ‘scientific’ treatment of some emotion (and bear in mind, I say ‘scientific treatment’ only to prevent myself from transgressing into a completely irrelevant domain). But then maybe this is just an idea you fall upon one day that ceases to make sense the next. Nevertheless,
 the comparison to animals, though, important is not absolute. One could find some idea about it in the novel, The Time Machine by H.G. Wells where the author explains a futuristic world devoid of technology that has turned into one, way more backward than the history we’ve developed out of. Interestingly psychology is the only science where we are free to make sense out of every idea the way we want to. And if that philosophy is unfathomable to you, you’re probably