Halaman utama Jelajahi Bantuan
Daftar Masuk
marx
/
alucho
1
0
Fork 0
Berkas Masalah 13 Tarik Permintaan 0 Wiki
Pohon: be251a9ced
Ranting Tag
alucho
/
layout
/
_base.html

_base.html 5.8 KB
Riwayat Mentahan

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="en">
    3. 

  3. <head>
    4. 

  4. 	<!-- Global site tag (gtag.js) - Google Analytics -->
    5. 

  5. 	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-148161067-1"></script>
    6. 

  6. 	<script>
    7. 

  7. 		window.dataLayer = window.dataLayer || [];
    8. 

  8. 		function gtag(){dataLayer.push(arguments);}
    9. 

  9. 		gtag('js', new Date());
    10. 

  10. 		gtag('config', 'UA-148161067-1');
    11. 

  11. 	</script>
    12. 

  12. 	<meta charset="UTF-8">
    13. 

  13. 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    14. 

  14. 	<meta http-equiv="X-UA-Compatible" content="ie=edge">
    15. 

  15. 	<title>Alucho Portfolio</title>
    16. 

  16. 	<link rel="stylesheet" href="{{ 'css/hamburger.css' | static }}">
    17. 

  17. 	<link rel="stylesheet" href="{{ 'css/main.css' | static }}">
    18. 

  18. 	<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    19. 

  19. 	<link rel="icon" type="image/x-icon" href="/favicon.ico">
    20. 

  20. 	<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    21. 

  21. 	<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    22. 

  22. 	<link rel="manifest" href="/site.webmanifest">
    23. 

  23. 	<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
    24. 

  24. 	<meta name="msapplication-TileColor" content="#da532c">
    25. 

  25. 	<meta name="theme-color" content="#ffffff">
    26. 

  26. 	<script src="{{ 'js/eye.js' | static }}"></script>
    27. 

  27. </head>
    28. 

  28. <body id="body">
    29. 

  29. 	<header id="mobile-header">
    30. 

  30. 		<!-- This checkbox will give us the toggle behavior, it will be hidden, but functional -->
    31. 

  31. 		<input id="toggle" type="checkbox">
    32. 

  32. 

  33. 		<!-- IMPORTANT: Any element that we want to modify when the checkbox state changes go here, being "sibling" of the checkbox element -->
    34. 

  34. 

  35. 		<!-- This label is tied to the checkbox, and it will contain the toggle "buttons" -->
    36. 

  36. 		<label class="toggle-container" for="toggle">
    37. 

  37. 				<!-- If menu is open, it will be the "X" icon, otherwise just a clickable area behind the hamburger menu icon -->
    38. 

  38. 				<span class="button button-toggle"></span>
    39. 

  39. 		</label>
    40. 

  40. 

  41. 		<!-- The nav menu -->
    42. 

  42. 		<nav class="nav">
    43. 

  43. 				<a class="nav-item" href="https://lmgonzalves.github.io/morphing-hamburger-menu/">Dashboard</a>
    44. 

  44. 				<a class="nav-item" href="https://lmgonzalves.github.io/morphing-hamburger-menu/">History</a>
    45. 

  45. 				<a class="nav-item" href="https://lmgonzalves.github.io/morphing-hamburger-menu/">Statistics</a>
    46. 

  46. 				<a class="nav-item" href="https://lmgonzalves.github.io/morphing-hamburger-menu/">Settings</a>
    47. 

  47. 		</nav>
    48. 

  48. 	</header>
    49. 

  49. 	<header id="wide-header">
    50. 

  50. 		<div class="header-box">
    51. 

  51. 			<div class="lbox">
    52. 

  52. 				<div id="lang-chooser" class="vbox">
    53. 

  53. 					<a class="first en {% if lang == 'en' %}selected{% endif %}" href="{{ 'en' | lang_url }}">en</a>
    54. 

  54. 					<a class="first {% if lang == 'es' %}selected{% endif %}" href="{{ 'es' | lang_url }}">es</a>
    55. 

  55. 				</div>
    56. 

  56. 				<object id="logo" type="image/svg+xml" data="{{ 'svg/alucho-logo.svg' | static }}"></object>
    57. 

  57. 				<div class="vbox">
    58. 

  58. 					<div id="alucho-title" class="hbox"><h1 class="header-title"><a>Alejandro Rodríguez</a></h1></div>
    59. 

  59. 					<div id="designer-subtitle" class="hbox"><a>{{ 'graphic designer' | lang }}</a></div>
    60. 

  60. 				</div>
    61. 

  61. 			</div>
    62. 

  62. 			<div id="menu" class="rbox">
    63. 

  63. 					<div class="vbox">
    64. 

  64. 						<div class="hbox">
    65. 

  65. 							<h1 class="header-title">
    66. 

  66. 								<div><a href="{{ '/work' | cur_lang }}" {% if work_selected %}class="selected"{% endif %}>{{ 'work' | lang }}</a></div> /
    67. 

  67. 								<div><a href="{{ '/news' | cur_lang }}" {% if news_selected %}class="selected"{% endif %}>{{ 'news' | lang }}</a></div> /
    68. 

  68. 								<div><a href="{{ '/about-and-contact' | cur_lang }}" class="last{% if about_selected %} selected{% endif %}">{{ 'about & contact' | lang }}</a></div>
    69. 

  69. 							</h1>
    70. 

  70. 						</div>
    71. 

  71. 						<div class="hbox">
    72. 

  72. 							<div class="header-subtitle">
    73. 

  73. 								<div><a href="{{ '/work/all' | cur_lang }}" {% if all_selected %}class="selected"{% endif %}>{{ 'all' | lang }}</a></div> /
    74. 

  74. 								<div><a href="{{ '/work/poster' | cur_lang }}" {% if poster_selected %}class="selected"{% endif %}>{{ 'poster' | lang }}</a></div> /
    75. 

  75. 								<div><a href="{{ '/work/illustration' | cur_lang }}" {% if illustration_selected %}class="selected"{% endif %}>{{ 'illustration' | lang }}</a></div> /
    76. 

  76. 								<div><a href="{{ '/work/editorial' | cur_lang }}" {% if editorial_selected %}class="selected"{% endif %}>{{ 'editorial' | lang }}</a></div> /
    77. 

  77. 								<div><a href="{{ '/work/branding' | cur_lang }}" {% if branding_selected %}class="selected"{% endif %}>{{ 'branding' | lang }}</a></div> /
    78. 

  78. 								<div><a href="{{ '/work/other' | cur_lang }}" class="last{% if other_selected %} selected{% endif %}">{{ 'other' | lang }}</a></div>
    79. 

  79. 							</div>
    80. 

  80. 						</div>
    81. 

  81. 					</div>
    82. 

  82. 			</div>
    83. 

  83. 		</div>
    84. 

  84. 	</header>
    85. 

  85. 	<main>
    86. 

  86. 		{% block main %}
    87. 

  87. 		{% endblock %}
    88. 

  88. 	</main>
    89. 

  89. 	<footer>
    90. 

  90. 		<div class="footer-content">
    91. 

  91. 			<div class="copyright">
    92. 

  92. 				<a class="first">© Alejandro Rodríguez Fornés</a> / <a>2019</a>
    93. 

  93. 			</div>
    94. 

  94. 			<div class="hbox social">	
    95. 

  95. 				<a href="https://www.facebook.com/alucho">{{ 'facebook' | svg }}</a>
    96. 

  96. 				<a href="https://www.linkedin.com/alucho">{{ 'linkedin' | svg }}</a>
    97. 

  97. 				<a href="https://www.instagram.com/alucho">{{ 'instagram' | svg }}</a>
    98. 

  98. 			</div>
    99. 

  99. 		</div>
    100. 

  100. 	</footer>
    101. 

  101. 

  102. 	<form name="setLangEnglish" action="/i18n/setlang/" method="POST">
    103. 

  103. 		{# {% csrf_token %} #}
    104. 

  104. 		<input name="next" type="hidden" value="{{ path }}"/>
    105. 

  105. 		<input type="hidden" name="language" value="en"/>
    106. 

  106. 	</form>
    107. 

  107. 

  108. 	<form name="setLangSpanish" action="/i18n/setlang/" method="POST">
    109. 

  109. 		{# {% csrf_token %} #}
    110. 

  110. 		<input name="next" type="hidden" value="{{ path }}"/>
    111. 

  111. 		<input type="hidden" name="language" value="es"/>
    112. 

  112. 	</form>
    113. 

  113.   <dialog class="hidden" id="dialog-image-modal">
    114. 

  114. 		<div id="modal-image-container" class="vbox">
    115. 

  115. 			<div class="hbox">
    116. 

  116. 				<div id="img-prev">{{ 'prev' | svg}}</div>
    117. 

  117. 				<img id="modal-image" src="{{ list(images('work/poster'))[1].filenames[0] | static }}" alt="Ejemplo">
    118. 

  118. 				<div id="img-next">{{ 'next' | svg}}</div>
    119. 

  119. 			</div>
    120. 

  120. 		</div>
    121. 

  121. 	</dialog>
    122. 

  122. 	<script src="{{ 'js/image-modal.js' | static }}"></script>
    123. 

  123. 	<link rel="stylesheet" href="{{ 'css/image-modal.css' | static }}">
    124. 

  124. </body>
    125. 

  125. </html>
    126.