Haml badass Template

index.haml

!!! 5
%head
	%meta(charset="utf-8")
	%meta(http-equiv="x-ua-compatible" content="ie=edge")
	%meta(name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no")

	-#Allows control over where resources are loaded from
	-#Place as early in the document as possible
	%meta(http-equiv="Content-Security-Policy" content="default-src 'self'")
	-#Only applies to content below this tag
	
	-#Name of web application (only should be used if the website is used as an app)
	%meta(name="application-name" content="Application Name")

	-#Short description of the page (limit to 150 characters)
	%meta(name="description" content="A description of the page")

	-#Control the behavior of search engine crawling and indexing
	%meta(name="robots" content="index,follow,noodp")
	%meta(name="googlebot" content="index,follow")

	-#Tells Google not to show the sitelinks search box
	%meta(name="google" content="nositelinkssearchbox")

	-#Tells Google not to provide a translation for this page
	%meta(name="google" content="notranslate")

	-#Verify ownership for Google Search Console
	%meta(name="google-site-verification" content="verification_token")

	-#Short description of your site's subject
	%meta(name="subject" content="your website's subject")
	
	-#Very short sentence describing the purpose of the website
	%meta(name="abstract" content="Content")

	-#Brief summary of the company or purpose of the website
	%meta(name="summary" content="")

	-#A deprecated tag that does the same as the keywords meta tag
	%meta(name="classification" content="business")

	-# Full domain name or web address
	%meta(name="url" content="https://example.com/")

	-# Does the same as URL, older and not supported
	%meta(name="identifier-URL" content="https://example.com/")

	%meta(name="directory" content="submission")

	-# Does the same function as the keywords tag
	%meta(name="category" content="")

	-# Makes sure your website shows up in all countries and languages
	%meta(name="coverage" content="Worldwide")

	-# Does the same as the coverage tag
	%meta(name="distribution" content="Global")

	-# Gives a general age rating based on sites content
	%meta(name="rating" content="General")

	-# Allows control over how referrer information is passed
	%meta(name="referrer" content="never")

	-# Disable automatic detection and formatting of possible phone numbers
	%meta(name="format-detection" content="telephone=no")

	
	-# Better to use <link rel="author"> or humans.txt file
	%meta(name="author" content="name, email@example.com")
	%meta(name="designer" content="")
	%meta(name="owner" content="")

	-# Tells search bots to revisit the page after a period. This is not supported because most Search Engines now use random intervals for re-crawling a webpage
	%meta(name="revisit-after" content="7 days")

	-# Cache Control
	-# Better to configure cache control server side
	%meta(http-equiv="Expires" content="0")
	%meta(http-equiv="Pragma" content="no-cache")
	%meta(http-equiv="Cache-Control" content="no-cache")


	-# Geo tags
	%meta(name="ICBM" content="latitude, longitude")
	%meta(name="geo.position" content="latitude;longitude")
	-# Country code (ISO 3166-1): mandatory, state code (ISO 3166-2): optional; eg. content="US" / content="US-NY"
	%meta(name="geo.region" content="country[-state]")
	-# eg. content="New York City"
	%meta(name="geo.placename" content="city/town")


	

	
	-# Pinned Site
	%link(rel="mask-icon" href="path/to/icon.svg" color="red")

	-# Internet Explorer Shit -.-

	%meta(name="skype_toolbar" content="skype_toolbar_parser_compatible")
	-# Disable link highlighting on IE 10 on Windows Phone (https://blogs.windows.com/buildingapps/2012/11/15/adapting-your-webkit-optimized-site-for-internet-explorer-10/)
	%meta(name="msapplication-tap-highlight" content="no")

	-# Pinned sites (https://msdn.microsoft.com/en-us/library/dn255024(v=vs.85).aspx)
	%meta(name="application-name" content="Contoso Pinned Site Caption")
	%meta(name="msapplication-tooltip" content="Example Tooltip Text")
	%meta(name="msapplication-starturl" content="/")
	%meta(name="msapplication-config" content="http://example.com/browserconfig.xml")
	%meta(name="msapplication-allowDomainApiCalls" content="true")
	%meta(name="msapplication-allowDomainMetaTags" content="true")
	%meta(name="msapplication-badge" content="frequency=30; polling-uri=http://example.com/id45453245/polling.xml")
	%meta(name="msapplication-navbutton-color" content="#FF3300")
	%meta(name="msapplication-notification" content="frequency=60;polling-uri=http://example.com/livetile")
	%meta(name="msapplication-square150x150logo" content="path/to/logo.png")
	%meta(name="msapplication-square310x310logo" content="path/to/largelogo.png")
	%meta(name="msapplication-square70x70logo" content="path/to/tinylogo.png")
	%meta(name="msapplication-wide310x150logo" content="path/to/widelogo.png")
	%meta(name="msapplication-task" content="name=Check Order Status;action-uri=./orderStatus.aspx?src=IE9;icon-uri=./favicon.ico")
	%meta(name="msapplication-task-seperator" content="1")
	%meta(name="msapplication-TileColor" content="#FF3300")
	%meta(name="msapplication-TileImage" content="path/to/tileimage.jpg")
	%meta(name="msapplication-window" content="width=1024;height=768")
	
	-# For IE 10 and below
	-# No link, just place a file called favicon.ico in the root directory

	-# For IE 11, Chrome, Firefox, Safari, Opera
	%link(rel="icon" href="path/to/favicon-16.png"  sizes="16x16"   type="image/png")
	%link(rel="icon" href="path/to/favicon-32.png"  sizes="32x32"   type="image/png")
	%link(rel="icon" href="path/to/favicon-48.png"  sizes="48x48"   type="image/png")
	%link(rel="icon" href="path/to/favicon-62.png"  sizes="62x62"   type="image/png")
	%link(rel="icon" href="path/to/favicon-192.png" sizes="192x192" type="image/png")
	-# More info: https://bitsofco.de/all-about-favicons-and-touch-icons/

	-#Page Title
	%title Haml Badass Template

	-#Base URL to use for all relative URLs contained within the document
	%base(href="https://example.com/page.html")

	-# External CSS 
	%link(rel="stylesheet" href="styles.css")
	
	-#Inline CSS
	%style(type="text/css")
		

	
	

%body
	%header
		%h2 Baddass HAML Template
		%p Some Text
	%div#content
		Some content
	%footer
		%p 
			here is some footer


	%script(src="script.js")