overleaf/services/web/app/views/layout.pug

doctype html
html(itemscope, itemtype='http://schema.org/Product')
	block vars

	head
		script(type="text/javascript").
			// Stop superfish from loading
			window.similarproducts = true
		style [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak  {display: none !important; display: none; }


		-if (typeof(gaExperiments) != "undefined")
			|!{gaExperiments}

		//- Title
		-if (typeof(title) == "undefined")
			title= settings.appName + ', '+ translate("online_latex_editor")
			meta(name="twitter:title", content=settings.appName + ', '+ translate("online_latex_editor"))
			meta(name="og:title", content=settings.appName + ', '+ translate("online_latex_editor"))
		-else
			title= translate(title) + ' - ' + settings.appName + ', ' + translate("online_latex_editor")
			//- to do - not translate?
			meta(name="twitter:title", content=translate(title))
			meta(name="og:title", content=translate(title))

		//- Icons
		link(rel="icon", href="/" + settings.brandPrefix + "favicon.ico")
		link(rel="icon", sizes="192x192", href="/" + settings.brandPrefix + "touch-icon-192x192.png")
		link(rel="apple-touch-icon-precomposed", href="/" + settings.brandPrefix + "apple-touch-icon-precomposed.png")
		link(rel="mask-icon", href="/" + settings.brandPrefix + "mask-favicon.svg", color=settings.brandPrefix === 'ol-' ? "#4f9c45" : "#a93529")

		//- Stylesheet
		link(rel='stylesheet', href=buildCssPath("/" + settings.brandPrefix + "style.css", {hashedPath:true}))

		block _headLinks

		if settings.i18n.subdomainLang
			each subdomainDetails in settings.i18n.subdomainLang
				if !subdomainDetails.hide
					link(rel="alternate", href=subdomainDetails.url+currentUrl, hreflang=subdomainDetails.lngCode)


		meta(itemprop="name", content=settings.appName + ", the Online LaTeX Editor")

		//- Description
		-if (typeof(meta) == "undefined")
			meta(itemprop="description", name="description", content=translate("site_description"))
		-else
			meta(itemprop="description", name="description" , content=meta)

		-if (typeof(metaImage) == "undefined")
			meta(itemprop="image", name="image", content="/" + settings.brandPrefix + "favicon.ico")
		-else
			meta(itemprop="image", name="image", content=metaImage.fields.file.url)

		//-	Meta Tags: Twitter
		-if (typeof(settings.social.twitter.handle) != "undefined")
			meta(name="twitter:site", content=settings.social.twitter.handle)
			meta(name="twitter:card", content=metaTwitterCard ? metaTwitterCard : 'summary')
		-if (typeof(metaTwitterDescription) != "undefined")
				meta(itemprop="twitter:description", content=metaTwitterDescription)
		-if (typeof(metaTwitterImage) != "undefined")
			meta(itemprop="image", name="image", content=metaTwitterImage.fields.file.url)
		-else if (typeof(metaImage) != "undefined")
			meta(itemprop="image", name="image", content=metaImage.fields.file.url)

		//-	Meta Tags: Open Graph
		-if (typeof(settings.social.facebook.appId) != "undefined")
			meta(name="fb:app_id", content=settings.social.facebook.appId)
		-if (typeof(metaOpenGraphDescription) != "undefined")
				meta(itemprop="og:description", content=metaOpenGraphDescription)
		-if (typeof(metaOpenGraphImage) != "undefined")
			meta(itemprop="image", name="image", content=metaOpenGraphImage.fields.file.url)
		-else if (typeof(metaImage) != "undefined")
			meta(itemprop="image", name="image", content=metaImage.fields.file.url)
		-if (typeof(metaOgType) != "undefined")
			meta(name="og:type", metaOgType)
		-else
			meta(name="og:type", content="website")

		//- Scripts

		//- Google Analytics
		- if (typeof(gaToken) != "undefined")
			script(type='text/javascript').
				(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
				(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
				m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
				})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
				ga('create', '#{gaToken}', '#{settings.cookieDomain.replace(/^\./, "")}');
				ga('send', 'pageview');
		- else
			script(type='text/javascript').
				window.ga = function() { console.log("would send to GA", arguments) };

		script(type="text/javascript").
			window.csrfToken = "#{csrfToken}";

		script(src=buildJsPath("libs/jquery-1.11.1.min.js"))
		script(type="text/javascript").
			var noCdnKey = "nocdn=true"
			var cdnBlocked = typeof jQuery === 'undefined'
			var noCdnAlreadyInUrl = window.location.href.indexOf(noCdnKey) != -1 //prevent loops
			if (cdnBlocked && !noCdnAlreadyInUrl && navigator.userAgent.indexOf("Googlebot") == -1) {
				window.location.search += '&'+noCdnKey;
			}

		block scripts

		script(src=buildJsPath("libs/angular-1.6.4.min.js"))

		script.
			window.sharelatex = {
				siteUrl: '#{settings.siteUrl}',
				jsPath:  '#{jsPath}',
				sixpackDomain: '#{settings.sixpack.domain}'
			};
			window.systemMessages = !{JSON.stringify(systemMessages).replace(/\//g, '\\/')};
			window.ab = {};
			window.user_id = '#{getLoggedInUserId()}';

		- if (typeof(settings.algolia) != "undefined")
			script.
				window.sharelatex.algolia = {
					app_id:'#{settings.algolia.app_id}',
					api_key:'#{settings.algolia.read_only_api_key}',
					indexes:!{JSON.stringify(settings.algolia.indexes)}
				}

		- if (typeof(settings.templates) != "undefined")
			script.
				window.sharelatex.templates = {
					user_id : '!{settings.templates.user_id}',
					cdnDomain : '!{settings.templates.cdnDomain}',
					indexName : '!{settings.templates.indexName}'
				}

		- if (settings.overleaf && settings.overleaf.useOLFreeTrial)
			script.
				window.useV2TrialUrl = true


	body
		if(settings.recaptcha)
			script(src="https://www.google.com/recaptcha/api.js?render=explicit")
			div(
				id="recaptcha"
				class="g-recaptcha"
				data-sitekey=settings.recaptcha.siteKey
				data-size="invisible"
				data-badge="inline"
			)

		- if(typeof(suppressNavbar) == "undefined")
			include layout/navbar

		block content

		div(ng-controller="AbTestController")
		- if(typeof(suppressFooter) == "undefined")
			include layout/footer

		- if (typeof(lookingForScribtex) != "undefined" && lookingForScribtex)
			span(ng-controller="ScribtexPopupController")
			include scribtex-modal

		block requirejs
			script(type='text/javascript').
				// minimal requirejs configuration (can be extended/overridden)
				window.requirejs = {
					"paths" : {
						"moment": "libs/#{lib('moment')}",
						"fineuploader": "libs/#{lib('fineuploader')}",
						"main": "#{buildJsPath('main.js', {hashedPath:settings.useMinifiedJs, removeExtension:true})}",
						"libraries": "#{buildJsPath('libraries.js', {hashedPath:settings.useMinifiedJs, removeExtension:true})}",
					},
					"config":{
						"moment":{
							"noGlobal": true
						}
					}
				};
			script(
				data-main=buildJsPath('main.js', {hashedPath:false}),
				baseurl=fullJsPath,
				src=buildJsPath('libs/require.js', {hashedPath:true})
			)

		!= moduleIncludes("contactModal", locals)
		include v1-tooltip
		include sentry