_base.html 3.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>Alucho Portfolio</title>
  8. <link rel="stylesheet" href="{{ 'css/main.css' | static }}">
  9. <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
  10. <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
  11. <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
  12. <link rel="manifest" href="/site.webmanifest">
  13. <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
  14. <meta name="msapplication-TileColor" content="#da532c">
  15. <meta name="theme-color" content="#ffffff">
  16. <script src="{{ 'js/eye.js' | static }}"></script>
  17. </head>
  18. <body>
  19. <header>
  20. <div class="header-box">
  21. <div class="lbox">
  22. <div class="vbox">
  23. <a class="first en {% if en %}selected{% endif %}" href="{{ 'en' | lang_url }}">en</a>
  24. <a class="first {% if es %}selected{% endif %}" href="{{ 'es' | lang_url }}">es</a>
  25. </div>
  26. <object id="logo" type="image/svg+xml" data="{{ 'svg/alucho-logo.svg' | static }}"></object>
  27. <div class="vbox">
  28. <div id="alucho-title" class="hbox"><h1 class="header-title"><a>Alucho Rodríguez</a></h1></div>
  29. <div id="designer-subtitle" class="hbox"><a>{{ 'graphic designer' | lang }}</a></div>
  30. </div>
  31. </div>
  32. <div id="menu" class="rbox">
  33. <div class="vbox">
  34. <div class="hbox">
  35. <h1 class="header-title">
  36. <div><a href="/work" {% if work_selected %}class="selected"{% endif %}>{{ 'work' | lang }}</a></div> /
  37. <div><a href="/news" {% if news_selected %}class="selected"{% endif %}>{{ 'news' | lang }}</a></div> /
  38. <div><a href="/about"{% if about_selected %}class="selected"{% endif %}>{{ 'about' | lang }}</a></div> /
  39. <div><a href="/contact" {% if contact_selected %}class="selected"{% endif %}>{{ 'contact' | lang }}</a></div> /
  40. <div><a href="/shop"{% if shop_selected %}class="selected"{% endif %} >{{ 'shop' | lang }}</a></div>
  41. </h1>
  42. </div>
  43. <div class="hbox">
  44. <div class="header-subtitle">
  45. <div><a href="/work/all" {% if all_selected %}class="selected"{% endif %}>{{ 'all' | lang }}</a></div> /
  46. <div><a href="/work/poster" {% if poster_selected %}class="selected"{% endif %}>{{ 'poster' | lang }}</a></div> /
  47. <div><a href="/work/illustration" {% if illustration_selected %}class="selected"{% endif %}>{{ 'illustration' | lang }}</a></div> /
  48. <div><a href="/work/editorial" {% if editorial_selected %}class="selected"{% endif %}>{{ 'editorial' | lang }}</a></div> /
  49. <div><a href="/work/branding" {% if branding_selected %}class="selected"{% endif %}>{{ 'branding' | lang }}</a></div> /
  50. <div><a href="/work/other" {% if other_selected %}class="selected"{% endif %}>{{ 'other' | lang }}</a></div>
  51. </div>
  52. </div>
  53. </div>
  54. </div>
  55. </div>
  56. </header>
  57. <div id="main" class="v">
  58. <div class="main-content">
  59. {% block main %}
  60. {% endblock %}
  61. </div>
  62. </div>
  63. <footer>
  64. <h3>
  65. copyright / <a href="/">www.alucho.com</a> / 2019 / <a href="/contact">{{ 'contact' | lang }}</a>
  66. </h3>
  67. </footer>
  68. <form name="setLangEnglish" action="/i18n/setlang/" method="POST">
  69. {# {% csrf_token %} #}
  70. <input name="next" type="hidden" value="{{ path }}"/>
  71. <input type="hidden" name="language" value="en"/>
  72. </form>
  73. <form name="setLangSpanish" action="/i18n/setlang/" method="POST">
  74. {# {% csrf_token %} #}
  75. <input name="next" type="hidden" value="{{ path }}"/>
  76. <input type="hidden" name="language" value="es"/>
  77. </form>
  78. <script src="{{ 'js/eye.js' | static }}"></script>
  79. </body>
  80. </html>