Merge pull request #75 from contributorpw/edits

webapp/responsive-meta

Author: contributorpw

readme.md

@@ -306,16 +306,6 @@ function hash_(str, digestAlgorithm, charset) {
 
 ### Web application
 
-#### Responsive meta tag for the webapp
-
-https://plus.google.com/u/0/+MarcoColomboMow/posts/GXgRCh98HTu
-
-```js
-HtmlService.createHtmlOutput('Hello world')
-  //Responsive
-  .addMetaTag('viewport', 'width=device-width, initial-scale=1');
-```
-
 #### Google Site Verification for the webapp
 
 ```js

snippets/webapp/responsive-meta/appsscript.json

@@ -0,0 +1,7 @@
+{
+  "webapp": {
+    "executeAs": "USER_DEPLOYING",
+    "access": "ANYONE_ANONYMOUS"
+  },
+  "runtimeVersion": "V8"
+}

snippets/webapp/responsive-meta/config.json

@@ -0,0 +1,4 @@
+{
+  "type": "webapp",
+  "src": []
+}

snippets/webapp/responsive-meta/index.js

@@ -0,0 +1,11 @@
+/* exported doGet */
+/**
+ * Using responsive meta tags for the webapp
+ */
+function doGet() {
+  const htmlContent = 'Hello world!';
+  return HtmlService.createHtmlOutput(htmlContent).addMetaTag(
+    'viewport',
+    'width=device-width, initial-scale=1'
+  );
+}

snippets/webapp/responsive-meta/readme.md

@@ -0,0 +1,34 @@
+---
+title: 'A responsive webapp'
+date: '2021-06-07'
+description: 'Using responsive meta tags for an apps script webapp'
+tags: ['webapp']
+categories: ['snippets']
+images: ['./snippets/webapp/responsive-meta/screenshot.png']
+---
+
+{{< toc >}}
+
+## Using responsive meta tags for an apps script webapp
+
+![Snippet of Using responsive meta tags for an apps script webapp](./screenshot.png)
+
+To display a responsive webapp on different devices you can use the `addMetaTag` method
+
+### Snippet
+
+- {{< externalLink >}}
+- {{< commentLink >}}
+- {{< scrvizLink >}}
+
+{{< codeFromFile "index.js" >}}
+
+### Run it
+
+For custom run you need to deploy a webapp with the current `doGet` function.
+
+### Manifest
+
+{{< codeFromFile "appsscript.json" >}}
+
+{{< clipboard >}}