ad3a8b92d1
* Start to update the theme - Ligther colors - No more border radius - Buttons are now always colored - Start to redesign the post page (according to the Figma mockups) * Fix build script: it now recompiles everytime a scss file changed * Make sure the article illustrations are not too big * Make articles wider (70 characters) * Better contrast between gray shades * Various improvements * Better mobile style * New style for the footer * Improve comment style * Better responsiveness again * Limit the size of the article cover * Last details? - Improve buttons on the media page - Improve lists * Pin the stdweb version that we use It changed because I removed Cargo.lock to handle a merge conflict I could have updated cargo web too, but it mean I should have re-built the CI docker image and it was taking forever. * Better contrast for links in the header of the article * Add a basic privacy policy * Remove "also" * Fix a few issues - Don't watch static/css in build.rs - Another shade of white - Remove useless margin rule for error messages
101 lines
5.0 KiB
HTML
101 lines
5.0 KiB
HTML
@use plume_models::CONFIG;
|
|
@use plume_models::instance::Instance;
|
|
@use template_utils::*;
|
|
@use routes::*;
|
|
@(ctx: BaseContext, title: String, head: Content, header: Content, content: Content)
|
|
|
|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title>@title ⋅ @i18n!(ctx.1, "Plume")</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<link rel="stylesheet" href="@uri!(plume_static_files: file = "css/main.css", _build_id = CACHE_NAME)" />
|
|
<link rel="stylesheet" href="@uri!(plume_static_files: file = "css/feather.css", _build_id = CACHE_NAME)" />
|
|
<link rel="manifest" href="@uri!(instance::web_manifest)" />
|
|
<link rel="icon" type="image/png" href="@uri!(plume_static_files: file = CONFIG.logo.favicon.as_str(), _build_id = CACHE_NAME)">
|
|
<meta content='#282c37' name='theme-color'/>
|
|
@:head()
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<nav id="menu">
|
|
<a href="#" aria-label="@i18n!(ctx.1, "Menu")" title="@i18n!(ctx.1, "Menu")"><i class="icon icon-menu"></i></a>
|
|
</nav>
|
|
<div id="content">
|
|
<nav>
|
|
<a href="@uri!(instance::index)" class="title">
|
|
<img src="@uri!(plume_static_files: file = CONFIG.logo.main.as_str(), _build_id = CACHE_NAME)">
|
|
<p>@i18n!(ctx.1, "Plume")</p>
|
|
</a>
|
|
<hr/>
|
|
@:header()
|
|
</nav>
|
|
<nav>
|
|
@if ctx.2.is_some() {
|
|
<a href="@uri!(search::search: _)">
|
|
<i class="icon icon-search"></i>
|
|
<span class="mobile-label">@i18n!(ctx.1, "Search")</span>
|
|
</a>
|
|
<a href="@uri!(user::dashboard)">
|
|
<i class="icon icon-home" aria-label="@i18n!(ctx.1, "Dashboard")"></i>
|
|
<span class="mobile-label">@i18n!(ctx.1, "Dashboard")</span>
|
|
</a>
|
|
<a href="@uri!(notifications::notifications: page = _)">
|
|
<i class="icon icon-bell" aria-label="@i18n!(ctx.1, "Notifications")"></i>
|
|
<span class="mobile-label">@i18n!(ctx.1, "Notifications")</span>
|
|
</a>
|
|
<a href="@uri!(session::delete)">
|
|
<i class="icon icon-log-out" aria-label="@i18n!(ctx.1, "Log Out")"></i>
|
|
<span class="mobile-label">@i18n!(ctx.1, "Log Out")</span>
|
|
</a>
|
|
<a href="@uri!(user::me)" title="@i18n!(ctx.1, "My account")">
|
|
@avatar(ctx.0, &ctx.2.clone().unwrap(), Size::Small, false, &ctx.1)
|
|
<span class="mobile-label">@i18n!(ctx.1, "My account")</span>
|
|
</a>
|
|
} else {
|
|
<a href="@uri!(search::search: _)">
|
|
<i class="icon icon-search"></i>
|
|
<span class="mobile-label">@i18n!(ctx.1, "Search")</span>
|
|
</a>
|
|
<a href="@uri!(session::new: m = _)">
|
|
<i class="icon icon-log-in"></i>
|
|
<span class="mobile-label">@i18n!(ctx.1, "Log In")</span>
|
|
</a>
|
|
<a href="@uri!(user::new)">
|
|
<i class="icon icon-user-plus"></i>
|
|
<span class="mobile-label">@i18n!(ctx.1, "Register")</span>
|
|
</a>
|
|
}
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
<div class="messages">
|
|
@if let Some(ref message) = ctx.3 {
|
|
<p class="flash-message @message.0">@message.1</p>
|
|
}
|
|
</div>
|
|
<main>
|
|
@:content()
|
|
</main>
|
|
<footer>
|
|
<hr/>
|
|
<div>
|
|
<h3>@Instance::get_local().map(|i| i.name).unwrap_or_default()</h3>
|
|
<a href="@uri!(instance::about)">@i18n!(ctx.1, "About this instance")</a>
|
|
<a href="@uri!(instance::privacy)">@i18n!(ctx.1, "Privacy policy")</a>
|
|
@if ctx.2.clone().map(|a| a.is_admin).unwrap_or(false) {
|
|
<a href="@uri!(instance::admin)">@i18n!(ctx.1, "Administration")</a>
|
|
}
|
|
</div>
|
|
<div>
|
|
<h3>@concat!("Plume ", env!("CARGO_PKG_VERSION"))</h3>
|
|
<a href="https://docs.joinplu.me">@i18n!(ctx.1, "Documentation")</a>
|
|
<a href="https://github.com/Plume-org/Plume">@i18n!(ctx.1, "Source code")</a>
|
|
<a href="https://riot.im/app/#/room/#plume:disroot.org">@i18n!(ctx.1, "Matrix room")</a>
|
|
</div>
|
|
</footer>
|
|
<script src="@uri!(plume_static_files: file = "plume-front.js", _build_id = CACHE_NAME)"></script>
|
|
</body>
|
|
</html>
|