* 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)
 | |
| })
 |