layout.erb 2.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <!DOCTYPE HTML>
  2. <!--
  3. flickrlicense -- A thingy to update Flickr photo licenses
  4. Copyright (C) 2017 Douglas Thrift
  5. This program is free software: you can redistribute it and/or modify
  6. it under the terms of the GNU Affero General Public License as published
  7. by the Free Software Foundation, either version 3 of the License, or
  8. (at your option) any later version.
  9. This program is distributed in the hope that it will be useful,
  10. but WITHOUT ANY WARRANTY; without even the implied warranty of
  11. MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  12. GNU Affero General Public License for more details.
  13. You should have received a copy of the GNU Affero General Public License
  14. along with this program. If not, see <http://www.gnu.org/licenses/>.
  15. -->
  16. <html lang="en">
  17. <head>
  18. <meta charset="utf-8">
  19. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  20. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  21. <meta name="HandheldFriendly" content="True">
  22. <meta name="MobileOptimized" content="320">
  23. <title>flickr license</title>
  24. <link rel="stylesheet" href="https://cdn.concisecss.com/v4.1/concise.min.css">
  25. <link rel="stylesheet" href="https://cdn.concisecss.com/concise-ui/v0.2/concise-ui.min.css">
  26. <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/blitzer/jquery-ui.css">
  27. <link href="https://cdn.rawgit.com/cc-icons/cc-icons/1.2.1/css/cc-icons.min.css" rel="stylesheet">
  28. <style>
  29. .flickrblue {
  30. color: #0063dc;
  31. }
  32. .flickrpink {
  33. color: #ff0084;
  34. }
  35. #error iframe {
  36. height: 100%;
  37. width: 100%;
  38. }
  39. #photos {
  40. flex-wrap: wrap;
  41. height: 66vh;
  42. overflow-y: auto;
  43. }
  44. #photos .photo {
  45. flex-grow: 0;
  46. padding-bottom: 2rem;
  47. }
  48. /* work around the '*+* { margin-top: 1.5rem; }' rule from Concise CSS that interferes with CC Icons */
  49. i.cc {
  50. margin-top: 0px;
  51. }
  52. </style>
  53. </head>
  54. <body>
  55. <header container>
  56. <div grid="center">
  57. <div column><span class="flickrblue">flick</span><span class="flickrpink">r</span> license (<a href="<%= settings.agpl_src_url %>">source</a>)</div>
  58. <div column style="text-align: right;"><a href="<%= @user.photosurl %>"><img src="<%= @user.buddyicon %>"> <%= @user.username %></a> <% if @user.fullname && !@user.fullname.empty? %>(<%= @user.fullname %>)<% end %> | <a href="/logout">logout</a></div>
  59. </div>
  60. </header>
  61. <main container>
  62. <%= yield %>
  63. </main>
  64. </body>
  65. </html>