mirror of
https://github.com/discourse/discourse.git
synced 2025-02-25 18:55:32 -06:00
a3e8c3cd7b
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
40 lines
1.6 KiB
Plaintext
40 lines
1.6 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="<%= SiteSetting.default_locale %>">
|
|
<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 %>">
|
|
<%= render partial: "layouts/head" %>
|
|
<%- if rtl? %>
|
|
<%= discourse_stylesheet_link_tag(mobile_view? ? :mobile_rtl : :desktop_rtl) %>
|
|
<%- else %>
|
|
<%= discourse_stylesheet_link_tag(mobile_view? ? :mobile : :desktop) %>
|
|
<%- end %>
|
|
<%= theme_lookup("head_tag") %>
|
|
<%= render_google_universal_analytics_code %>
|
|
<%= yield :head %>
|
|
</head>
|
|
<body class="crawler">
|
|
<%= theme_lookup("header") %>
|
|
<header>
|
|
<a href="<%= path "/" %>"><img src="<%=SiteSetting.logo_url%>" alt="<%=SiteSetting.title%>" id="site-logo" style="max-width: 150px;"></a>
|
|
</header>
|
|
<div id="main-outlet" class="wrap">
|
|
<%= yield %>
|
|
</div>
|
|
<footer class="container">
|
|
<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>
|
|
<p><%= t 'powered_by_html' %></p>
|
|
</footer>
|
|
<%= render_google_analytics_code %>
|
|
<%= theme_lookup("body_tag") %>
|
|
</body>
|
|
<%= yield :after_body %>
|
|
</html>
|