• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10
• 11
• 12
• 13
• 14
• 15
• 16
• 17
• 18
• 19
• 20
• 21
• 22
• 23
• 24

{
	"variables": {
		"css": {
			"closeButtonText": "(x)",
			"padding": "10px",
			"borderWidth": "10px",
			"fontSize": "16px",
			"linkColor": "#556f80",
			"backgroundColor": "#fa8072",
			"closeButtonColor": "#ffffff",
			"borderColor": "#d66b5f"
		},
		"js": {
			"delay": "0",
			"position": "top",
			"entrance": "push",
			"autohide": "5"
		}
	},
	"name": "Default Bar",
	"html": "Welcome!",
	"style": "\n        <style>\n        #nanobar {\n          padding: 10px;\n          font-size: 16px;\n          border: 10px solid #d66b5f;\n          background: #fa8072;\n          text-align: center;\n        }\n        #nanobar > a {\n          color: #556f80;\n        },\n        #nanobar > .email {\n          color: #000;\n          background: #fff;\n        },\n        #nanobar > .button {\n          color: #fff;\n          background: green,\n        },\n        #nanobar > .clock {\n\n        },\n        #nanobar .close {\n          color: #ffffff;\n        }\n        </style>\n        ",
	"js": ["\n        ;(function() {\n          var style = `\n        <style>\n        #nanobar {\n          padding: 10px;\n          font-size: 16px;\n          border: 10px solid #d66b5f;\n          background: #fa8072;\n          text-align: center;\n        }\n        #nanobar > a {\n          color: #556f80;\n        },\n        #nanobar > .email {\n          color: #000;\n          background: #fff;\n        },\n        #nanobar > .button {\n          color: #fff;\n          background: green,\n        },\n        #nanobar > .clock {\n\n        },\n        #nanobar .close {\n          color: #ffffff;\n        }\n        </style>\n        `\n          body = document.querySelector('body')\n          var bar = \"<div id='nanobar'>Welcome!</div>\"\n          body.insertAdjacentHTML('afterbegin', style);\n          body.insertAdjacentHTML('afterbegin', bar);\n        })()\n      "]
}