* 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
		
			
				
	
	
		
			44 lines
		
	
	
		
			1.5 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			44 lines
		
	
	
		
			1.5 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
@use plume_models::medias::*;
 | 
						|
@use templates::base;
 | 
						|
@use template_utils::*;
 | 
						|
@use routes::*;
 | 
						|
 | 
						|
@(ctx: BaseContext, medias: Vec<Media>, page: i32, n_pages: i32)
 | 
						|
 | 
						|
@:base(ctx, i18n!(ctx.1, "Your media"), {}, {}, {
 | 
						|
    <h1>@i18n!(ctx.1, "Your media")</h1>
 | 
						|
    <div>
 | 
						|
        <a href="@uri!(medias::new)" class="inline-block button">@i18n!(ctx.1, "Upload")</a>
 | 
						|
    </div>
 | 
						|
 | 
						|
    @if medias.is_empty() {
 | 
						|
        <p>@i18n!(ctx.1, "You don't have any media yet.")</p>
 | 
						|
    }
 | 
						|
 | 
						|
    <div class="cards">
 | 
						|
        @for media in medias {
 | 
						|
          <div class="card">
 | 
						|
              <div class="cover media-preview @media.category().to_string()"
 | 
						|
                @if media.category() == MediaCategory::Image {
 | 
						|
                  style="background-image: url('@media.url().unwrap_or_default()')"
 | 
						|
                }
 | 
						|
              ></div>
 | 
						|
              <main>
 | 
						|
                  <p class="p-summary">@media.alt_text</p>
 | 
						|
                  @if let Some(cw) = media.content_warning {
 | 
						|
                      <p>@i18n!(ctx.1, "Content warning: {0}"; cw)</p>
 | 
						|
                  }
 | 
						|
              </main>
 | 
						|
              <footer>
 | 
						|
                <form action="@uri!(medias::delete: id = media.id)" class="inline" method="POST">
 | 
						|
                    <input type="submit" value="@i18n!(ctx.1, "Delete")"/>
 | 
						|
                </form>
 | 
						|
                —
 | 
						|
                <a href="@uri!(medias::details: id = media.id)">@i18n!(ctx.1, "Details")</a>
 | 
						|
              </footer>
 | 
						|
          </div>
 | 
						|
        }
 | 
						|
    </div>
 | 
						|
    @paginate(ctx.1, page, n_pages)
 | 
						|
})
 |