Detailed pictures of planet glowing through clouds were taken with telescope in Hawaii

Astronomers have captured some of the highest resolution images of Jupiter ever obtained from the ground using a technique known as “lucky imaging”.

The observations, from the Gemini North telescope on Hawaii’s dormant volcano Mauna Kea, reveal lightning strikes and storm systems forming around deep clouds of water ice and liquid. The images show the warm, deep layers of the planet’s atmosphere glowing through gaps in thick cloud cover in a “jack-o-lantern”-like effect.

Britain is a latecomer to decarbonising transport but changes under lockdown and initiatives abroad could spark a revolution

It was a grim irony that the best transport news in ages was buried in the first few days of the coronavirus lockdown. On 26 March, the government published a document, Decarbonising Transport, which went further in facing up to the problem of emissions from air and vehicle traffic than most campaigners had dared to hope for.

The challenge is enormous. In 2016, transport overtook energy to become the single biggest source of domestic emissions. Motor vehicles on their own are responsible for around a fifth of the total. On aviation, the UK is the world’s third-worst polluter, behind China and the US.

Ready to smile? Each week we are featuring the newly adopted pets of the week! Is there a lovelier sight than an animal being adopted?! We wholeheartedly thank those who have adopted, providing animals with a loving, comfortable and warm home. There's literally nothing better. 

We're seeing a lot of new furry faces being adopted due to the new regulations, and while we absolutely adore seeing so many adopted faces, please remember that a pet is for life. The decision to adopt one is one that should be thought through thoroughly.  

For those of you who are thinking about getting a pet, just remember; adopt, don't shop. 

If you recently adopted a pet, shoot us an email to be featured in next weeks list! 

The brain works really hard to make sense of the constant stream of information coming at it, and for the most part it does a pretty good job. That said, a small shift in perspective can turn unassuming situations into double-take inducing photos of intriguing perspective. Your brain is doing its best, but at times it's name match against double-take causing images of skewed perspective.

via http://www.google.com/imgres?imgurl=http://www.fctv-net.jp/~suetome/ecomark.jpg&imgrefurl=http://www.fctv-net.jp/~suetome/sub1.html&usg=__bS4PEXGVtYvtO7HkeShXOq3OEwM=&h=458&w=442&sz=57&hl=en&start=1&tbnid=oPrbxuSi86NtPM:&tbnh=128&tbnw=124&prev=/images%3Fq%3D%25E3%2582%25A8%25E3%2582%25B3%25E3%2583%259E%25E3%2583%25BC%25E3%2582%25AF%26um%3D1%26hl%3Den%26client%3Dfirefox-a%26sa%3DN%26rls%3Dorg.mozilla:en-US:official%26biw%3D1116%26bih%3D747%26tbs%3Disch:1&um=1&itbs=1

via http://24.media.tumblr.com/tumblr_l4qiipn4Ur1qz6f9yo1_500.jpg

Currently making the rounds: I was suspicious, though. It’s too good to be true. So I snooped about, and found the original on the ADL website. OK, now, really — who thought they needed to edit the original sign to make it less evil and more obviously stupid? That was a waste of effort. Just […]

React is a good tool when it comes to building flexible and reusable UI components. However, it’s “one of those libraries” that cannot handle all the tasks involved in building a full fleshed UI project. Other supporting tools - such as a recently announced React SDK from Cloudinary - are available to provide solutions that the React core cannot.

In such cases where media (images and videos) becomes a heavy task to handle, Cloudinary simplifies the process with the new React SDK. Let’s build and image library with Cloudinary and React using the Cloudinary’s React SDK.

Prerequisites

The only requirements for using Cloudinary in your existing React project are to install the React SDK and the upload widget. If you do not have an existing React project and want to try these examples, take the following steps:

1. Install Dependencies

We need a minimal amount of dependencies so we can focus on building a media library and not structuring a React app:

{
  "name": "img-library",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "watch": "webpack -d --watch",
    "build": "webpack",
    "serve": "serve ./public"
  },
  "author": "",
  "license": "MIT",
  "devDependencies": {
    "babel-core": "^6.18.2",
    "babel-loader": "^6.2.9",
    "babel-preset-es2015": "^6.18.0",
    "babel-preset-react": "^6.16.0",
    "serve": "^1.4.0",
    "webpack": "^1.14.0"
  },
  "dependencies": {
    "axios": "^0.15.3",
    "cloudinary-react": "^1.0.1",
    "react": "^15.4.1",
    "react-dom": "^15.4.1"
  }
}

React (and React DOM) must be used since we are making a React app. The cloudinary-react dependency is Cloudinary’s React SDK, which we will soon see how it works. axios is a tool for making HTTP requests and, in our case, we will use it request images from the Cloudinary server.

# Install dependencies
npm install

2. Setup Webpack

Webpack is our build tool. Only minimal settings are required to have a build running and our React app compiling:

// ./webpack.config.js
var webpack = require('webpack');
var path = require('path');

var BUILD_DIR = path.resolve(__dirname, 'public');
var APP_DIR = path.resolve(__dirname, 'src');

var config = {
    entry: APP_DIR + '/index.jsx',
    output: {
        path: BUILD_DIR,
        filename: 'bundle.js'
    },
    module : {
        loaders : [
            {
                test : /.jsx?/,
                include : APP_DIR,
                loader : 'babel'
            }
        ]
    }
};

module.exports = config;

Basic configuration - an entry, output and loaders to handle the React .jsx files.

3. Entry Points

We need to create an entry point, as we specified in the Webpack configuration, and another entry point for the browser, which is an index.html file:

// ./src/index.jsx
import React, { Component } from 'react';
import { render } from 'react-dom';

class Main extends Component {
    render() {
        return (
           <div className="main">
               <h1>Scotchage</h1>
           </div>
        );
    }
}

render(<Main />, document.getElementById('container'));

<!-- ./public/index.html -->
<html>
<head>
    <!--Stylesheet-->
    <link rel="stylesheet" href="style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
    <!--Container for React rendering-->
    <div id="container"></div>
    <!--Bundled file-->
    <script src="bundle.js"></script>
</body>
</html>

4. Create Cloudinary Account

You need a Cloudinary account to continue with these examples. Sign up for free and store your credentials safely as shown on the dashboard:

Uploading Images

Before using the React SDK to deliver images from the Cloudinary servers, let’s use the awesome Cloudinary upload widget to upload images. First, we need to add this widget to our index.html:

<!-- ./public/index.html -->
<html>
<head>
   . . .
</head>
<body>
    . . .
    <!-- UPLOAD WIDGET -->
    <script src="//widget.cloudinary.com/global/all.js" type="text/javascript"></script>
    <script src="bundle.js"></script>
</body>
</html>

Next, we create a button, attach an event to it and upload an image once the button is clicked:

import React, { Component } from 'react';
import { render } from 'react-dom';

class Main extends Component {

    uploadWidget() {
        cloudinary.openUploadWidget({ cloud_name: 'CLOUD_NAME', upload_preset: 'PRESET', tags:['xmas']},
            function(error, result) {
                console.log(result);
            });
    }
    render(){
        return (
            <div className="main">
                <h1>Galleria</h1>
                <div className="upload">
                    <button onClick={this.uploadWidget.bind(this)} className="upload-button">
                        Add Image
                    </button>
                </div>
            </div>

        );
    }
}

render(<Main />, document.getElementById('container'));

The uploadWidget member method is the handler invoked by the click event to handle our image upload by calling cloudinary.openUploadWidget. openUploadWidget takes a config object and the upload callback handler. The config object must have at least cloud_name and upload_preset properties with valid values. You can read more about Cloud Names and Upload Presets.

Delivering Images with SDK

The Cloudinary React SDK has three major components, Image, CloudinaryContext and Transformation:

• Image: This component is responsible for the actual delivery of images. It takes the image ID and asks the server for this image. When the image is provided, it is also responsible for painting the image on the browser.
• Transformation: This component is used to apply transformations to images delivered with Image.
• CloudinaryContext: You can specify Cloudinary configuration for each image on the Image component. This can be tedious when you are dealing with multiple images. CloudinaryContext allows you to apply configuration to a group of Images.

Most times you would end up with a structure like this:

<CloudinaryContext>
    <Image>
        <Transformation />
        <Transformation />
    </Image>
    <Image>
        <Transformation />
    </Image>
</CloudinaryContext>

Back to our demo app, we can request an image from the Cloudinary server and display it with the following components:

import React, { Component } from 'react';
import axios from 'axios';
import { CloudinaryContext, Transformation, Image } from 'cloudinary-react';
import { render } from 'react-dom';

class Main extends Component {
    constructor(props) {
        super(props);
        this.state = {
            gallery: []
        }
    }
    componentDidMount() {
    // Request for images tagged xmas       
axios.get('http://res.cloudinary.com/christekh/image/list/xmas.json')
            .then(res => {
                console.log(res.data.resources);
                this.setState({gallery: res.data.resources});
            });
    }
    uploadWidget() {
       // . . .
    }
    render(){
        return (
            <div className="main">
                <h1>Galleria</h1>
                <div className="gallery">
                    <CloudinaryContext cloudName="CLOUDNAME">
                        {
                            this.state.gallery.map(data => {
                                return (
                                    <div className="responsive" key={data.public_id}>
                                        <div className="img">
                                            <a target="_blank" href={`http://res.cloudinary.com/christekh/image/upload/${data.public_id}.jpg`}>
                                                <Image publicId={data.public_id}>
                                                    <Transformation
                                                        crop="scale"
                                                        width="300"
                                                        height="200"
                                                        dpr="auto"
                                                        responsive_placeholder="blank"
                                                    />
                                                </Image>
                                            </a>
                                            <div className="desc">Created at {data.created_at}</div>
                                        </div>
                                    </div>
                                )
                            })
                        }
                    </CloudinaryContext>
                    <div className="clearfix"></div>
                </div>
            </div>

        );
    }
}

render(<Main />, document.getElementById('container'));

Take one more look at the upload code:

 cloudinary.openUploadWidget({ cloud_name: 'christekh', upload_preset: 'idcidr0h', tags:['xmas']},
            function(error, result) {
            . . .

Each image is tagged with xmas, which serves as a way to request images with this tag as a collection. This is exactly what we are using the axios library to do when the component mounts:

axios.get('http://res.cloudinary.com/CLOUDNAME/image/list/xmas.json')
            .then(res => {
                console.log(res.data.resources);
                this.setState({gallery: res.data.resources});
            });

axios uses promises, so whenever the promise resolves in our case, we have a payload of images. We take advantage of React state to update our UI with the fetched resources.

Down to rendering, we configure the CloudinaryContext with our cloud_name, iterate over the gallery state that stores the images and displays them using the Image component. We also apply few transformations using the Transformation component.

For security reasons, Cloudinary will not allow you to make such request from the client unless you tell it to. The best way to go is to use the admin API via a backend SDK and then send the resource list to the client.

Updating State with New Uploads

We are able to upload images and request for images to be displayed on the user’s browsers. Here is how we update the displayed images instantly when the user uploads a new image:

uploadWidget() {
        let _this = this;
        cloudinary.openUploadWidget({ cloud_name: 'CLOUDNAME', upload_preset: 'PRESET', tags:['xmas']},
            function(error, result) {
            // Update gallery state with newly uploaded image
                _this.setState({gallery: _this.state.gallery.concat(result)})
            });
    }

Rather than logging the uploaded image information to the console, we update the gallery state, which bears the list of requested images, by concatenating the uploaded result to the gallery.

Image Management Simplified

Image uploads, transformation and delivery has never been easier. These tasks have been a serious challenge for developers. Cloudinary has created a way to abstract all this hard work, enabling you to simply plug and play.

Actress Nimrat Kaur worked with Irrfan Khan in the much-feted film "The Lunchbox" that went on winning several award and accolades internationally. The news of his sudden demise came as shock to her.

"It is a personal loss for everyone at this point in time. For everyone who watched his movies or worked with him and met him personally, this is absolutely shocking. I think the face of Indian cinema will not be the same without Irrfan Khan. He was a one-man army. Every film and film stars are on one side and his films are on the other. My heart goes out to his family at this point in time, when we all are suffering under a specific situation. Losing a loved one is always painful but I think this (the COVID-19 lockdown) is worse. I cannot imagine I am talking about Irrfan in the past tense," Nimrat told IANS.

Nimrat worked with Irrfan in "The Lunchbox", the directorial debut of Ritesh Batra, which released in 2013. The film screened in several prestigious international festivals, and notably won the Critics Week Viewers Choice Award at the 66th Cannes Film Festival.

Sharing her memory of working with Irrfan in the film Nimrat said: "We did not have many scenes together but we got a chance to converse extensively during the premiere of the film at the Cannes Film Festival. I was quite overwhelmed by the response to the film, the way it was celebrated and what it became overnight! I remember I asked him, ‘how do you handle so much appreciation, adulation when a film meets a great success like this?' he smiled and told me, ‘sock up to good times and don't be shy of celebration. This is the gift that God has given us. The bad time is around the corner.'

"This moment does not come very often in life. So take it as a gift after all the struggle we have gone through.' He always said to embrace the good time because that's when we celebrate life," recalled Nimrat.

Irrfan had been admitted in Mumbai's Kokilaben Dhirubhai Ambani hospital with a colon infection on Tuesday and passed away on Wednesday. The actor has been ailing ever since he was diagnosed with a neuroendocrine tumour a while back and has been under medical attention for the same. He even went abroad for treatment.

Catch up on all the latest entertainment news and gossip here. Also, download the new mid-day Android and iOS apps.

Mid-Day is now on Telegram. Click here to join our channel (@middayinfomedialtd) and stay updated with the latest news

Actor-turned-politician Kamal Haasan on Monday re-imagined India for the "post-COVID world" and suggested measures across different sectors, including an "epidemic preparedness budget" for the health sector.

"While there are concerns, it's worth praising how this crisis is setting a precedent with state governments coming together and co-operating with each other as well as with the Centre. I sincerely hope this becomes a norm and help overcome perennial battles like the water crisis, pollution, migrants' woes, women's safety, communal violence, healthcare etc," Haasan said on his Twitter account.

"The last full-scale war India fought was almost half a century ago, but poor healthcare is an everyday war leading to 1.6 million deaths annually. Yet, year after year our Defence budget overshadows the healthcare budget," Haasan stated and added that it's a "pity that India continues seeing Defence as a more newsworthy proposition compared to healthcare".

He suggested that India needs to earmark an "epidemic preparedness budget with immediate effect".

"We are under threat a lot more from within than from outside our borders. Our priority towards Health needs to be reimagined with a handsome budget to match," Haasan said.

The Makkal Needhi Maiam (MNM) President later went on to talk about the Agriculture sector and said that India requires a 'Green Plus' revolution that firstly converts part of our agricultural land for an allied enterprise like processing, logistics, etc.

"Secondly, we need to accelerate productivity maximization on a war footing. Boosting agro based MSMEs will help retain youth in the sector and build a sustainable and prosperous future for farming. This will also solve the problem of seasonal lack of work for farmers," Haasan said.

He also suggested bringing India's vast informal sector into the formal fold.

"Bringing India's informal workers under the formal fold must become the biggest national exercise that the government needs to undertake in the near future. Other than boosting the morale of this segment and paving way for its growth, it will also mean enhanced tax collection, a lot of which can be ploughed back to improve infrastructure and offer welfare to the same workers," Haasan said.

"There is also a need to change our outlook towards the vast majority of women who toil their lives away under the status of 'housewife'. Women engaging in housework must be accorded job status. They have little or no savings and a Universal Income Guarantee will give a boost to their savings. Savings always help during any kind of crisis," he added.

Haasan even suggested correction in income inequality and poverty alleviation.

He added, "COVID-19 has shown us that poverty still remains India's most critical challenge. In a crisis, the rich will take a hit but they will not starve to death. Our leaders must learn to integrate the poor man's life in how they plan the running of the country. Relief measures are mere afterthoughts."

In conclusion, Haasan said, "It's time we reinvent the word superpower, India's pipe dream for decades. Let's be a universal thought leader, to put it in parlance a Vishwa-Guru and for all the right reasons."

Catch up on all the latest Crime, National, International and Hatke news here. Also download the new mid-day Android and iOS apps to get latest updates.

Mid-Day is now on Telegram. Click here to join our channel (@middayinfomedialtd) and stay updated with the latest news

This story has been sourced from a third party syndicated feed, agencies. Mid-day accepts no responsibility or liability for its dependability, trustworthiness, reliability and data of the text. Mid-day management/mid-day.com reserves the sole right to alter, delete or remove (without notice) the content in its absolute discretion for any reason whatsoever

X Ray: The Inner Image is a story of lust. A young man is alone at home one rainy night. A young girl comes knocking on his door with a request to fix her car which won’t start. Since it is raining and locating a car mechanic seems to be an almost impossible task, the man offers her his home to spend the night. But he loses control over himself when he sees the girl changing into dry clothes for the night. His lusty and carnal desires get the better of him. The girl is devastated when he advances towards her. What happens thereafter?

Former Brazilian footballer Ronaldinho pleaded his innocence while speaking for the first time after spending 32 days in a Paraguayan prison. The former Barcelona forward is currently under house arrest in a hotel in Asuncion after he was arrested along with his cavalry for entering the country with forged documents.

Ronaldinho has insisted he didn't know his documents were illegal and also stated he showed full cooperation with the authorities in the aftermath of the airport fiasco.

"We were totally surprised to learn that the documents were not legal," Ronaldinho told ABC Color. "Since then our intention has been to collaborate with the justice system to clarify the facts.

"From that moment until today, we have explained everything and facilitated everything that has been requested of us.

"It was a tough blow, I never imagined that I would go through such a situation. All my life I have sought to reach the highest professional level and bring joy to people with my football," he added.

Ronaldinho also revealed what his plans are after he is allowed to go back to his home nation once investigation ends.

"The first thing will be to give a big kiss to my mother, who has lived through this difficult phase since the start of COVID-19 pandemic, at her home."

Catch up on all the latest sports news and updates here. Also download the new mid-day Android and iOS apps to get latest updates.

Mid-Day is now on Telegram. Click here to join our channel (@middayinfomedialtd) and stay updated with the latest news

This story has been sourced from a third party syndicated feed, agencies. Mid-day accepts no responsibility or liability for its dependability, trustworthiness, reliability and data of the text. Mid-day management/mid-day.com reserves the sole right to alter, delete or remove (without notice) the content in its absolute discretion for any reason whatsoever

Highlights: Gardening can help you love and appreciate your own body Being close to nature and spending mo

The UK tax agency has confirmed that it is investigating around 170 professional soccer players' tax affairs and around 20 football clubs, focusing on the taxation of image rights.

Experts from across Asia gathered to discuss how the next generation of satellite based technologies could help improve disaster preparedness and response at a three-day meeting in Mount Lavinia.