Placing the apple full screen meta tags in a Meteor app

html, ipad, meteor, mobile-safari

Solution

You place these tags in your `index.html` file between `<head>` i.e

<head>
    <title>test app</title>
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
</head>

<body>
    {{>greeting}}
</body>

<template name="greeting">
....

Problem

I am attempting to give the illusion of a native iPad app using the Meteor.js I am unsure where to place these tags ``` <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> ``` So far, I have deployed it in several different places without success. I am brand new to using meteor and would appreciate any assistance.

Original source