You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

36 lines
1.0 KiB

  1. !!!
  2. %html{:lang => "en"}
  3. %head
  4. %meta{:content => "text/html; charset=UTF-8", "http-equiv" => "Content-Type"}/
  5. %meta{:charset => "utf-8"}/
  6. %title= yield :page_title
  7. %meta{:content => "width=device-width,initial-scale=1", :name => "viewport"}/
  8. %link{:href => "https://fonts.googleapis.com/css?family=Roboto:400", :rel => "stylesheet"}/
  9. :css
  10. body {
  11. font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  12. background: #282c37;
  13. color: #9baec8;
  14. text-align: center;
  15. margin: 0;
  16. padding: 20px;
  17. }
  18. .dialog img {
  19. display: block;
  20. margin: 20px auto;
  21. margin-top: 50px;
  22. max-width: 600px;
  23. width: 100%;
  24. height: auto;
  25. }
  26. .dialog h1 {
  27. font: 20px/28px -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  28. font-weight: 400;
  29. }
  30. %body
  31. .dialog
  32. %img{:alt => "Mastodon", :src => "/oops.png"}/
  33. %div
  34. %h1= yield :content