{
	"provider": {
		"image": "data:image/png;base64,[encoded data, 4492 characters]",
		"description": "JSon Tip Provider",
		"expression": "<with variable=\"activeWorkbenchWindow.activePerspective\"><equals value=\"org.eclipse.jdt.ui.JavaPerspective\"></equals></with>",
		"tips": [
			{
				"subject": "Embedded Full Screen YouTube video",
				"date": "2018-02-12",
				"html": "<style> * { box-sizing: border-box; } .video-background { background: #000; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: -99; } .video-foreground, .video-background iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } #vidtop-content { top: 0; color: #fff; } .vid-info { position: absolute; top: 0; right: 0; width: 33%; background: rgba(0, 0, 0, 0.3); color: #fff; padding: 1rem; font-family: Avenir, Helvetica, sans-serif; } .vid-info h1 { font-size: 2rem; font-weight: 700; margin-top: 0; line-height: 1.2; } .vid-info a { display: block; color: #fff; text-decoration: none; background: rgba(0, 0, 0, 0.5); transition: .6s background; border-bottom: none; margin: 1rem auto; text-align: center; } @media (min-aspect-ratio: 16\/9) { .video-foreground { height: 300%; top: -100%; } } @media (max-aspect-ratio: 16\/9) { .video-foreground { width: 300%; left: -100%; } } @media all and (max-width: 600px) { .vid-info { width: 50%; padding: .5rem; } .vid-info h1 { margin-bottom: .2rem; } } @media all and (max-width: 500px) { .vid-info .acronym { display: none; }<\/style><div class=\"video-background\"> <div class=\"video-foreground\"> <iframe src=\"https:\/\/www.youtube.com\/embed\/W0LHTWG-UmQ?controls=0&showinfo=0&rel=0&autoplay=1&loop=1&playlist=W0LHTWG-UmQ\" frameborder=\"0\" allowfullscreen><\/iframe> <\/div><\/div><div id=\"vidtop-content\"> <div class=\"vid-info\"> <\/div><\/div>",
				"variables": {
					"foo": "Example of substitution variable inside your url or html: ${tip.foo}",
					"bar": "Example of substitution variable inside your url or html: ${tip.bar}"
				}
			},
			{
				"subject": "The DirectoryDialog now uses modern style",
				"date": "2018-01-21",
				"image": "data:image/png;base64,[encoded data, 54624 characters]",
				"ratio": 1.35,
				"maxHeight": 300,
				"actionId": "preferences",
				"html": "<h2>The DirectoryDialog now uses modern style</h2>The <b>DirectoryDialog</b> has been re-implemented to use modern native widget introduced in Windows Vista. The new look and feel is as illustrated below:<p><b>Regarding usage of newer <code>DirectoryDialog</code> on Windows:</b> In the old <code>DirectoryDialog</code>, we used to have the option to set a text message to specify the purpose of the <code>DirectoryDialog</code> using <code>DirectoryDialog#setMessage(String)</code>. This functionality is no more possible with the newer <code>DirectoryDialog</code>.</p><p>Hence, revisit the usage of <code>DirectoryDialog.setMessage(String)</code> in your projects, and if needed elaborate the <code>Title</code> field of <code>DirectoryDialog</code> using <code>DirectoryDialog.setText(String)</code> method.</p><p>Note: Recommend to use a minimal set of words in the <code>Title.</code> field of </code>DirectoryDialog</code> and avoid making it look clumsy.</p>"
			},
			{
				"subject": "Expanded Highlighting in Open Resource Dialog",
				"image": "data:image/png;base64,[encoded data, 84504 characters]",
				"date": "2018-01-21",
				"ratio": 1.3,
				"maxWidth": 500,
				"html": "<h2>Expanded Highlighting in Open Resource Dialog</h2>The Open Resource dialog now shows you how the search term matches the found resources by highlighting the names based on camel-case and pattern ( * and ? ) searches."
			},
			{
				"subject": "Json Tip",
				"date": "2018-02-07",
				"maxWidth": 500,
				"url": "https://wiki.eclipse.org/Tip_of_the_Day/Eclipse_Tips/Json_Tip?action=render"
			},
			{
				"subject": "Import/export preferences from preference dialog",
				"date": "2018-01-21",
				"image": "data:image/png;base64,[encoded data, 105228 characters]",
				"ratio": 1.3,
				"html": "<h2>Import/export preferences from preference dialog</h2>Easily accessible buttons for opening the <b>Import/Export</b> preferences wizards have been added to the lower left corner of the <b>Preferences</b> dialog. The wizards are still accessible through the <b>File > Import...</b> and <b>File > Export...</b> wizards."
			}
		]
	}
}
