_base.html 4.4 KB

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