application.html.erb 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>VPN-сервис НИЯУ МИФИ</title>
  5. <meta name="viewport" content="width=device-width">
  6. <%= csrf_meta_tags %>
  7. <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
  8. <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
  9. <style>
  10. table td {
  11. border: 1px solid #aaa;
  12. }
  13. </style>
  14. </head>
  15. <body>
  16. <div id='header'>
  17. <% if @user.nil? %>
  18. <%= t :anonymous %> — <a href='https://login.mephi.ru/login?allow_anonymous=true&service=<%= @current_url %>'>авторизоваться</a>
  19. <% else %>
  20. <%= @user[:extra_attributes][:full_name] %> — <a href='https://login.mephi.ru/logout?service=<%= @current_url %>'>выйти</a>
  21. <% end %>
  22. &nbsp;
  23. </div>
  24. <div id='content' class='transition'>
  25. <div id='contentPadded'>
  26. <%= yield %>
  27. </div>
  28. </div>
  29. <div id='navigation' class='transition'>
  30. <ul class='transition'>
  31. <li><a href='/'>О сервисе</a></li>
  32. <li><a href='/vpn/linux'>Инструкция для Linux</a></li>
  33. <li><a href='/vpn/freebsd'>Инструкция для FreeBSD</a></li>
  34. <li><a href='/vpn/windows'>Инструкция для Windows</a></li>
  35. <li><a href='/vpn/macos'>Инструкция для MacOS</a></li>
  36. <li><a href='/vpn/openvpn'>Настройка OpenVPN</a></li>
  37. </ul>
  38. </div>
  39. <div id='footer'>
  40. <a href='mailto:dyokunev@mephi.ru'>Техническая поддержка: dyokunev@mephi.ru</a>
  41. </div>
  42. </body>
  43. </html>
  44. <script>
  45. $('#navigation').mouseover(function(){
  46. $('#content').css('left', '300px');
  47. }).mouseleave(function(){
  48. $('#content').css('left', '30px');
  49. })
  50. </script>