discourse/app/views/layouts/application.html.erb

<!DOCTYPE html>
<html lang="<%= SiteSetting.default_locale %>" class="<%= html_classes %>">
  <head>
    <meta charset="utf-8">
    <title><%= content_for?(:title) ? yield(:title) + ' - ' + SiteSetting.title : SiteSetting.title %></title>
    <meta name="description" content="<%= @description_meta || SiteSetting.site_description %>">
    <meta name="discourse_theme_key" content="<%= theme_key %>">
    <%= render partial: "layouts/head" %>
    <%= render partial: "common/special_font_face" %>
    <%= render partial: "common/discourse_stylesheet" %>
    <%= discourse_csrf_tags %>

    <%- if SiteSetting.enable_escaped_fragments? %>
      <meta name="fragment" content="!">
    <%- end %>

    <%- if shared_session_key %>
      <meta name="shared_session_key" content="<%= shared_session_key %>">
    <%- end %>

    <script>
      window.EmberENV = window.EmberENV || {};
      window.EmberENV['FORCE_JQUERY'] = true;
    </script>

    <%= preload_script "locales/#{I18n.locale}" %>
    <%= preload_script "ember_jquery" %>
    <%= preload_script "preload-store" %>
    <%= preload_script "vendor" %>
    <%= preload_script "pretty-text-bundle" %>
    <%= preload_script "application" %>
    <%- if allow_plugins? %>
    <%= preload_script "plugin" %>
    <%- end %>
    <%- if allow_third_party_plugins? %>
    <%= preload_script "plugin-third-party" %>
    <%- end %>

    <%- if staff? %>
      <script src="<%= Discourse.base_uri %>/extra-locales/admin"></script>
      <%= preload_script "admin" %>
    <%- end %>

    <%- unless customization_disabled? %>
      <%= raw theme_lookup("head_tag") %>
    <%- end %>

    <%= render_google_universal_analytics_code %>
    <link rel="manifest" href="<%= Discourse.base_uri %>/manifest.json">

    <%- if SiteSetting.native_app_install_banner? %>
        <meta name="apple-itunes-app" content="app-id=1173672076">
    <%- end %>

    <%= yield :head %>

    <%= raw build_plugin_html 'before-head-close' %>
  </head>

  <body class="<%= body_classes %>">
    <%= render_google_tag_manager_code %>

    <div class='debug-eyeline'></div>

    <noscript data-path="<%= request.env['PATH_INFO'] %>">
      <%= render partial: 'header' %>
      <div id="main-outlet" class="wrap">
        <!-- preload-content: -->
        <%= yield %>
        <!-- :preload-content -->
        <footer>
          <nav itemscope itemtype='http://schema.org/SiteNavigationElement'>
            <a href='<%= path "/" %>'><%= t 'home_title' %></a>
            <%= link_to t('js.filters.categories.title'), path("/categories") %>
            <%= link_to t('guidelines_topic.title'), path("/guidelines") %>
            <%= link_to t('tos_topic.title'), path("/tos") %>
            <%= link_to t('privacy_topic.title'), path("/privacy") %>
          </nav>
        </footer>
      </div>

      <footer id='noscript-footer'>
        <p><%= t 'powered_by_html' %></p>
      </footer>
    </noscript>

    <%- unless customization_disabled? || loading_admin? %>
      <%= theme_lookup("header") %>
    <%- end %>

    <section id='main'>
    </section>

    <div id='offscreen-content'>
    </div>

    <% unless current_user %>
      <form id='hidden-login-form' method="post" action="<%=main_app.login_path%>" style="display: none;">
        <input name="username" type="text"     id="signin_username">
        <input name="password" type="password" id="signin_password">
        <input name="redirect" type="hidden">
        <input type="submit" id="signin-button" value="<%= t 'log_in' %>">
      </form>
    <% end %>

    <%- if @preloaded.present? %>
      <script>
      (function() {
        var ps = require('preload-store').default;
        <%- @preloaded.each do |key, json| %>
          ps.store("<%= key %>", <%= escape_unicode(json) %>);
        <% end %>
      })();
      </script>
    <%- end %>

    <%= yield :data %>

    <%= render :partial => "common/discourse_javascript" %>

    <%= render_google_analytics_code %>

    <%- unless customization_disabled? %>
      <%= raw theme_lookup("body_tag") %>
    <%- end %>
    <%= raw build_plugin_html 'before-body-close' %>
  </body>
</html>
Initial release of Discourse 2013-02-06 03:16:51 +08:00			`<!DOCTYPE html>`
formally remove IE9 support 2016-01-03 15:49:52 +08:00			`<html lang="<%= SiteSetting.default_locale %>" class="<%= html_classes %>">`
Initial release of Discourse 2013-02-06 03:16:51 +08:00			`<head>`
			`<meta charset="utf-8">`
let <title> contain site name instead of just "Discourse" 2013-03-31 06:16:59 +08:00			`<title><%= content_for?(:title) ? yield(:title) + ' - ' + SiteSetting.title : SiteSetting.title %></title>`
Add meta generator tag with the Discourse version. Use a partial for common head elements. 2014-06-20 06:17:52 +08:00			`<meta name="description" content="<%= @description_meta \|\| SiteSetting.site_description %>">`
FEATURE: Native theme support This feature introduces the concept of themes. Themes are an evolution of site customizations. Themes introduce two very big conceptual changes: - A theme may include other "child themes", children can include grand children and so on. - A theme may specify a color scheme The change does away with the idea of "enabled" color schemes. It also adds a bunch of big niceties like - You can source a theme from a git repo - History for themes is much improved - You can only have a single enabled theme. Themes can be selected by users, if you opt for it. On a technical level this change comes with a whole bunch of goodies - All CSS is now compiled using a custom pipeline that uses libsass see /lib/stylesheet - There is a single pipeline for css compilation (in the past we used one for customizations and another one for the rest of the app - The stylesheet pipeline is now divorced of sprockets, there is no reliance on sprockets for CSS bundling - CSS is generated with source maps everywhere (including themes) this makes debugging much easier - Our "live reloader" is smarter and avoid a flash of unstyled content we run a file watcher in "puma" in dev so you no longer need to run rake autospec to watch for CSS changes 2017-04-12 22:52:52 +08:00			`<meta name="discourse_theme_key" content="<%= theme_key %>">`
Add meta generator tag with the Discourse version. Use a partial for common head elements. 2014-06-20 06:17:52 +08:00			`<%= render partial: "layouts/head" %>`
remove csrf, font-face, css from js-off + crawler 2015-01-15 16:41:30 +08:00			`<%= render partial: "common/special_font_face" %>`
			`<%= render partial: "common/discourse_stylesheet" %>`
			`<%= discourse_csrf_tags %>`
use canonical-url plugin to make view more clean 2013-02-13 19:04:43 +08:00
CHANGE: We now include the `_escaped_fragment_` support by default, but only if the crawler check fails. It is a fallback for non-google search engines that support the Ajax crawling API. 2014-02-21 06:02:26 +08:00			`<%- if SiteSetting.enable_escaped_fragments? %>`
FIX: rss link in category pages 2015-01-02 20:06:57 +08:00			`<meta name="fragment" content="!">`
CHANGE: We now include the `_escaped_fragment_` support by default, but only if the crawler check fails. It is a fallback for non-google search engines that support the Ajax crawling API. 2014-02-21 06:02:26 +08:00			`<%- end %>`

FEATURE: allow long polling to go to a different url Added the site setting long_polling_base_url , this allows you to farm long polling to a different server. This setting is very important if a CDN is serving dynamic content. 2014-10-24 10:38:00 +08:00			`<%- if shared_session_key %>`
FIX: rss link in category pages 2015-01-02 20:06:57 +08:00			`<meta name="shared_session_key" content="<%= shared_session_key %>">`
FEATURE: allow long polling to go to a different url Added the site setting long_polling_base_url , this allows you to farm long polling to a different server. This setting is very important if a CDN is serving dynamic content. 2014-10-24 10:38:00 +08:00			`<%- end %>`

Upgrade jQuery 2016-02-11 01:14:37 +08:00			`<script>`
			`window.EmberENV = window.EmberENV \|\| {};`
			`window.EmberENV['FORCE_JQUERY'] = true;`
			`</script>`

FEATURE: try adding some preload hints for chrome 2017-04-17 23:52:43 +08:00			`<%= preload_script "locales/#{I18n.locale}" %>`
			`<%= preload_script "ember_jquery" %>`
			`<%= preload_script "preload-store" %>`
			`<%= preload_script "vendor" %>`
			`<%= preload_script "pretty-text-bundle" %>`
			`<%= preload_script "application" %>`
FEATURE: Add basic support for Safe Mode In Safe Mode all JS extensions and site customizations are disabled. To access Safe Mode visit `sitename.org/safe-mode` 2016-11-21 13:46:02 +08:00			`<%- if allow_plugins? %>`
FEATURE: try adding some preload hints for chrome 2017-04-17 23:52:43 +08:00			`<%= preload_script "plugin" %>`
FEATURE: Add basic support for Safe Mode In Safe Mode all JS extensions and site customizations are disabled. To access Safe Mode visit `sitename.org/safe-mode` 2016-11-21 13:46:02 +08:00			`<%- end %>`
			`<%- if allow_third_party_plugins? %>`
FEATURE: try adding some preload hints for chrome 2017-04-17 23:52:43 +08:00			`<%= preload_script "plugin-third-party" %>`
FEATURE: Add basic support for Safe Mode In Safe Mode all JS extensions and site customizations are disabled. To access Safe Mode visit `sitename.org/safe-mode` 2016-11-21 13:46:02 +08:00			`<%- end %>`
REFACTOR: Migrate markdown functionality in ES6 2016-06-15 02:31:51 +08:00
Our JS includes belong at the top of the file, that way we can start downloading and parsing them earlier and not wait for the rest of the page Our noscript stuff belongs at the bottom, we should not hold off any js work while noscript is downloading 2013-09-05 08:41:11 +08:00			`<%- if staff? %>`
FIX: Wizard didn't work with subfolders 2016-09-23 02:39:36 +08:00			`<script src="<%= Discourse.base_uri %>/extra-locales/admin"></script>`
FEATURE: try adding some preload hints for chrome 2017-04-17 23:52:43 +08:00			`<%= preload_script "admin" %>`
Our JS includes belong at the top of the file, that way we can start downloading and parsing them earlier and not wait for the rest of the page Our noscript stuff belongs at the bottom, we should not hold off any js work while noscript is downloading 2013-09-05 08:41:11 +08:00			`<%- end %>`

move SiteText.{head,top,bottom} to SiteCustomization 2015-01-14 18:52:42 +08:00			`<%- unless customization_disabled? %>`
FEATURE: Native theme support This feature introduces the concept of themes. Themes are an evolution of site customizations. Themes introduce two very big conceptual changes: - A theme may include other "child themes", children can include grand children and so on. - A theme may specify a color scheme The change does away with the idea of "enabled" color schemes. It also adds a bunch of big niceties like - You can source a theme from a git repo - History for themes is much improved - You can only have a single enabled theme. Themes can be selected by users, if you opt for it. On a technical level this change comes with a whole bunch of goodies - All CSS is now compiled using a custom pipeline that uses libsass see /lib/stylesheet - There is a single pipeline for css compilation (in the past we used one for customizations and another one for the rest of the app - The stylesheet pipeline is now divorced of sprockets, there is no reliance on sprockets for CSS bundling - CSS is generated with source maps everywhere (including themes) this makes debugging much easier - Our "live reloader" is smarter and avoid a flash of unstyled content we run a file watcher in "puma" in dev so you no longer need to run rake autospec to watch for CSS changes 2017-04-12 22:52:52 +08:00			`<%= raw theme_lookup("head_tag") %>`
move SiteText.{head,top,bottom} to SiteCustomization 2015-01-14 18:52:42 +08:00			`<%- end %>`
FEATURE: allow for custom HTML inside the <head> tags 2014-01-02 23:22:04 +08:00
Google Universal Analytics 2014-01-26 08:42:25 +08:00			`<%= render_google_universal_analytics_code %>`
FEATURE: Add web manifest for Chrome users. 2015-09-20 23:00:30 +08:00			`<link rel="manifest" href="<%= Discourse.base_uri %>/manifest.json">`
Google Universal Analytics 2014-01-26 08:42:25 +08:00
FEATURE: Opt-in native Discourse app install banner on Android/iOS 2017-01-04 01:50:45 +08:00			`<%- if SiteSetting.native_app_install_banner? %>`
			`<meta name="apple-itunes-app" content="app-id=1173672076">`
			`<%- end %>`

RSS of a topic via new route Adds TopicView#recent_posts; Post#by_newest, #with_user, #author_readable; User#readable_name Autodiscovery tag in topic show HTML. 2013-02-22 02:20:00 +08:00			`<%= yield :head %>`
Pass a context in when using a HTML builder 2017-04-19 00:35:19 +08:00
			`<%= raw build_plugin_html 'before-head-close' %>`
Initial release of Discourse 2013-02-06 03:16:51 +08:00			`</head>`

UX: Apply the category class on initial page load 2016-07-05 00:10:52 +08:00			`<body class="<%= body_classes %>">`
FEATURE: Google Tag Manager Universal Analytics support 2016-07-15 01:52:37 +08:00			`<%= render_google_tag_manager_code %>`

UX: Allow the timeline to scroll mid post 2016-05-27 04:23:47 +08:00			`<div class='debug-eyeline'></div>`

Block browser-update.js in robots.txt. Move noscript block above everything else in application layout. 2014-02-15 04:32:49 +08:00			`<noscript data-path="<%= request.env['PATH_INFO'] %>">`
FIX: Support text only logos when activating account. 2015-02-26 00:35:47 +08:00			`<%= render partial: 'header' %>`
UX: fix container layout 2015-07-28 16:02:39 +08:00			`<div id="main-outlet" class="wrap">`
Block browser-update.js in robots.txt. Move noscript block above everything else in application layout. 2014-02-15 04:32:49 +08:00			`<!-- preload-content: -->`
			`<%= yield %>`
			`<!-- :preload-content -->`
FEATURE: add microdata prop and more links for crawler - add microdata based on schema.org - add breadcrumb on the top of topic - add navigations link on the bottom of every pages - add category description on the category list 2015-02-13 19:34:22 +08:00			`<footer>`
			`<nav itemscope itemtype='http://schema.org/SiteNavigationElement'>`
FIX: crawler pages and RSS had broken links for sites deployed to a subfolder with relative_url_root 2015-05-01 00:46:19 +08:00			`<a href='<%= path "/" %>'><%= t 'home_title' %></a>`
PERF: remove 10-20ms of work from every page view <% s=Time.now; main_app.categories_path main_app.guidelines_path main_app.tos_path main_app.privacy_path p (Time.now-s)*1000%> Returns 10-20ms consistently on i7-4770k, on shared hosts the cost could easily reach 40ms This code simply calculates the strings /categories /guidelines /tos /privacy It is ludicrous to spend this enormous amount of work just to calculate 4 strings. I do not know if this is something specific about Discourse or a bug in Rails (I tried without the main_app prefix and got similar results), regardless we can got to avoid these _path APIs for now Discovered this when running a flamegraph on our home page. 2016-01-21 19:43:56 +08:00			`<%= link_to t('js.filters.categories.title'), path("/categories") %>`
			`<%= link_to t('guidelines_topic.title'), path("/guidelines") %>`
			`<%= link_to t('tos_topic.title'), path("/tos") %>`
correct path 2016-01-22 04:55:07 +08:00			`<%= link_to t('privacy_topic.title'), path("/privacy") %>`
FEATURE: add microdata prop and more links for crawler - add microdata based on schema.org - add breadcrumb on the top of topic - add navigations link on the bottom of every pages - add category description on the category list 2015-02-13 19:34:22 +08:00			`</nav>`
			`</footer>`
Block browser-update.js in robots.txt. Move noscript block above everything else in application layout. 2014-02-15 04:32:49 +08:00			`</div>`
FEATURE: add microdata prop and more links for crawler - add microdata based on schema.org - add breadcrumb on the top of topic - add navigations link on the bottom of every pages - add category description on the category list 2015-02-13 19:34:22 +08:00
de-duplicate <footer> ids 2014-06-24 15:12:01 +08:00			`<footer id='noscript-footer'>`
Put the 'Powered by Discourse...' message shown to crawlers and no-js visitors in a footer element so that SEO something something. 2014-06-20 05:32:26 +08:00			`<p><%= t 'powered_by_html' %></p>`
			`</footer>`
Block browser-update.js in robots.txt. Move noscript block above everything else in application layout. 2014-02-15 04:32:49 +08:00			`</noscript>`

FIX: do not load custom header in admin section 2015-08-15 20:09:07 +08:00			`<%- unless customization_disabled? \|\| loading_admin? %>`
FEATURE: Native theme support This feature introduces the concept of themes. Themes are an evolution of site customizations. Themes introduce two very big conceptual changes: - A theme may include other "child themes", children can include grand children and so on. - A theme may specify a color scheme The change does away with the idea of "enabled" color schemes. It also adds a bunch of big niceties like - You can source a theme from a git repo - History for themes is much improved - You can only have a single enabled theme. Themes can be selected by users, if you opt for it. On a technical level this change comes with a whole bunch of goodies - All CSS is now compiled using a custom pipeline that uses libsass see /lib/stylesheet - There is a single pipeline for css compilation (in the past we used one for customizations and another one for the rest of the app - The stylesheet pipeline is now divorced of sprockets, there is no reliance on sprockets for CSS bundling - CSS is generated with source maps everywhere (including themes) this makes debugging much easier - Our "live reloader" is smarter and avoid a flash of unstyled content we run a file watcher in "puma" in dev so you no longer need to run rake autospec to watch for CSS changes 2017-04-12 22:52:52 +08:00			`<%= theme_lookup("header") %>`
Revert "Re-apply with fixes: Stop using user agent to detect mobile devices. Use a media query and yepnope to load the appropriate css and customizations." 2013-12-19 03:47:22 +08:00			`<%- end %>`
Stop using user agent to detect mobile devices. Use a media query and yepnope to load the appropriate css and customizations. 2013-12-02 08:11:20 +08:00
Revert "Re-apply with fixes: Stop using user agent to detect mobile devices. Use a media query and yepnope to load the appropriate css and customizations." 2013-12-19 03:47:22 +08:00			`<section id='main'>`
			`</section>`

Put Ember 1.8.1 + fixes back. 2014-12-04 21:48:25 +08:00			`<div id='offscreen-content'>`
			`</div>`

Revert "Re-apply with fixes: Stop using user agent to detect mobile devices. Use a media query and yepnope to load the appropriate css and customizations." 2013-12-19 03:47:22 +08:00			`<% unless current_user %>`
FIX: Plugins were broken for initial payloads Our plugins use rails engines which are mounted against the main application's `ApplicationController`. This works great but path helpers need to reference `main_app` in order for it not to blow up. 2015-04-10 00:26:24 +08:00			`<form id='hidden-login-form' method="post" action="<%=main_app.login_path%>" style="display: none;">`
Revert "Re-apply with fixes: Stop using user agent to detect mobile devices. Use a media query and yepnope to load the appropriate css and customizations." 2013-12-19 03:47:22 +08:00			`<input name="username" type="text" id="signin_username">`
			`<input name="password" type="password" id="signin_password">`
			`<input name="redirect" type="hidden">`
Allow translating "Log In" button in HTML code. 2014-08-12 17:23:45 +08:00			`<input type="submit" id="signin-button" value="<%= t 'log_in' %>">`
Revert "Re-apply with fixes: Stop using user agent to detect mobile devices. Use a media query and yepnope to load the appropriate css and customizations." 2013-12-19 03:47:22 +08:00			`</form>`
			`<% end %>`

			`<%- if @preloaded.present? %>`
			`<script>`
REFACTOR: PreloadStore to ES6 2016-07-05 02:15:51 +08:00			`(function() {`
			`var ps = require('preload-store').default;`
			`<%- @preloaded.each do \|key, json\| %>`
			`ps.store("<%= key %>", <%= escape_unicode(json) %>);`
			`<% end %>`
			`})();`
Revert "Re-apply with fixes: Stop using user agent to detect mobile devices. Use a media query and yepnope to load the appropriate css and customizations." 2013-12-19 03:47:22 +08:00			`</script>`
			`<%- end %>`
Re-apply with fixes: Stop using user agent to detect mobile devices. Use a media query and yepnope to load the appropriate css and customizations. 2013-12-12 00:17:55 +08:00
Revert "Re-apply with fixes: Stop using user agent to detect mobile devices. Use a media query and yepnope to load the appropriate css and customizations." 2013-12-19 03:47:22 +08:00			`<%= yield :data %>`
remove trailing whitespaces :heart: 2013-02-26 00:42:20 +08:00
Revert "Re-apply with fixes: Stop using user agent to detect mobile devices. Use a media query and yepnope to load the appropriate css and customizations." 2013-12-19 03:47:22 +08:00			`<%= render :partial => "common/discourse_javascript" %>`
add query parameter to temporarily disable customization 2013-11-13 01:13:17 +08:00
Revert "Re-apply with fixes: Stop using user agent to detect mobile devices. Use a media query and yepnope to load the appropriate css and customizations." 2013-12-19 03:47:22 +08:00			`<%= render_google_analytics_code %>`
remove unnecessary <footer> tags 2014-11-12 21:35:20 +08:00
move SiteText.{head,top,bottom} to SiteCustomization 2015-01-14 18:52:42 +08:00			`<%- unless customization_disabled? %>`
FEATURE: Native theme support This feature introduces the concept of themes. Themes are an evolution of site customizations. Themes introduce two very big conceptual changes: - A theme may include other "child themes", children can include grand children and so on. - A theme may specify a color scheme The change does away with the idea of "enabled" color schemes. It also adds a bunch of big niceties like - You can source a theme from a git repo - History for themes is much improved - You can only have a single enabled theme. Themes can be selected by users, if you opt for it. On a technical level this change comes with a whole bunch of goodies - All CSS is now compiled using a custom pipeline that uses libsass see /lib/stylesheet - There is a single pipeline for css compilation (in the past we used one for customizations and another one for the rest of the app - The stylesheet pipeline is now divorced of sprockets, there is no reliance on sprockets for CSS bundling - CSS is generated with source maps everywhere (including themes) this makes debugging much easier - Our "live reloader" is smarter and avoid a flash of unstyled content we run a file watcher in "puma" in dev so you no longer need to run rake autospec to watch for CSS changes 2017-04-12 22:52:52 +08:00			`<%= raw theme_lookup("body_tag") %>`
move SiteText.{head,top,bottom} to SiteCustomization 2015-01-14 18:52:42 +08:00			`<%- end %>`
Pass a context in when using a HTML builder 2017-04-19 00:35:19 +08:00			`<%= raw build_plugin_html 'before-body-close' %>`
Initial release of Discourse 2013-02-06 03:16:51 +08:00			`</body>`
			`</html>`