Menu usuario.

This commit is contained in:
Laegnur 2022-10-23 19:21:53 +02:00
parent c4f68108e7
commit b6a37ca1fd
11 changed files with 68 additions and 37 deletions

View file

@ -6,9 +6,6 @@
. ' ' . $configuracion['sitio_descripcion']; ?>.</p> . ' ' . $configuracion['sitio_descripcion']; ?>.</p>
<p><?php echo _x('All rights reserved', 'copyright');?></p> <p><?php echo _x('All rights reserved', 'copyright');?></p>
<p><?php echo _x('Designed and Developed by', 'developer');?> <a target="_blank" href="https://artabro.org">Codigo Artabro</a></p> <p><?php echo _x('Designed and Developed by', 'developer');?> <a target="_blank" href="https://artabro.org">Codigo Artabro</a></p>
<?php if(user()->isGuest()): ?>
<p><a href='/es/gestion/acceder'><i class='icon-user'></i> <?php echo _x('Access the Management Panel', 'Access the Management Panel'); ?></a></p>
<?php endif; ?>
</div> </div>
</footer> </footer>
<script src="<?php echo $config->urls->templates?>js/swiper.js"></script> <script src="<?php echo $config->urls->templates?>js/swiper.js"></script>

View file

@ -75,8 +75,9 @@ if($input->get->logout == true)
<span class="linna linna2"></span> <span class="linna linna2"></span>
<span class="linna linna3"></span> <span class="linna linna3"></span>
</div> </div>
<nav id="menu"> <nav id="menus">
<h2 class="visually-hidden"><?php echo _x('Menu', 'Navigation menu');?></h2> <h2 class="visually-hidden"><?php echo _x('Menu', 'Navigation menu');?></h2>
<div>
<ul id="idiomas"> <ul id="idiomas">
<?php <?php
foreach($languages as $idioma) foreach($languages as $idioma)
@ -95,10 +96,15 @@ foreach($languages as $idioma)
</li> </li>
<?php } ?> <?php } ?>
</ul> </ul>
<ul id="usuario">
<?php if($user->isLoggedin()): ?> <?php if($user->isLoggedin()): ?>
<a href="/?logout=true"><i class='icon-user'></i> Log Out</a> <li><a title="<?php echo _x('Log out', 'Log out'); ?>" href="/?logout=true"><i class='icon-user'></i></a></li>
<a href='/es/gestion'><i class='icon-settings'></i> Panel de Gestion</a> <li><a title="<?php echo _x('Management', 'Management'); ?>" href='/es/gestion'><i class='icon-settings'></i></a></li>
<?php else: ?>
<li><a title="<?php echo _x('Log in', 'Log in'); ?>" href='/es/gestion/acceder'><i class='icon-user'></i></a></li>
<?php endif; ?> <?php endif; ?>
</ul>
</div>
<?php echo $menu; ?> <?php echo $menu; ?>
</nav> </nav>
</div> </div>

View file

@ -39,10 +39,12 @@
<span class="linna linna2"></span> <span class="linna linna2"></span>
<span class="linna linna3"></span> <span class="linna linna3"></span>
</div> </div>
<nav id="menu"> <nav id="menus">
<h2 class="visually-hidden"><?php echo _x('Menu', 'Navigation menu');?></h2> <h2 class="visually-hidden"><?php echo _x('Menu', 'Navigation menu');?></h2>
<a href="/es" class="site_title"> <span>Volver</span></a> <ul id="usuario">
<a href="/?logout=true">Log Out</a> <li><a title="<?php echo _x('Log out', 'Log out'); ?>" href="/?logout=true"><i class='icon-user'></i></a></li>
<li><a title="<?php echo _x('Home', 'Home'); ?>" href='/es'><i class='icon-home'></i></a></li>
</ul>
<?php echo $menu; ?> <?php echo $menu; ?>
</nav> </nav>
</div> </div>

View file

@ -2,7 +2,7 @@
* @FONTS * @FONTS
* ============================================================================= * =============================================================================
* *
* fonts.css v0.1.11 | GNU GPL License | * fonts.css v0.1.12 | GNU GPL License |
* *
*/ */
@ -90,13 +90,13 @@
@font-face @font-face
{ {
font-family: 'icomoon'; font-family: 'icomoon';
src: url('../fonts/icomoon_Regular.eot?k4m5mh'); /* 1 */ src: url('../fonts/icomoon_Regular.eot?jfx2ev'); /* 1 */
src: url('../fonts/icomoon_Regular.eot?k4m5mh#iefix') format('embedded-opentype'), /* 2 */ src: url('../fonts/icomoon_Regular.eot?jfx2ev#iefix') format('embedded-opentype'), /* 2 */
url('../fonts/icomoon_Regular.woff2?k4m5mh') format('woff2'), /* 3 */ url('../fonts/icomoon_Regular.woff2?jfx2ev') format('woff2'), /* 3 */
url('../fonts/icomoon_Regular.woff?k4m5mh') format('woff'), /* 4 */ url('../fonts/icomoon_Regular.woff?jfx2ev') format('woff'), /* 4 */
url('../fonts/icomoon_Regular.otf?k4m5mh') format('opentype'), /* 5 */ url('../fonts/icomoon_Regular.otf?jfx2ev') format('opentype'), /* 5 */
url('../fonts/icomoon_Regular.ttf?k4m5mh') format('truetype'), /* 5 */ url('../fonts/icomoon_Regular.ttf?jfx2ev') format('truetype'), /* 5 */
url('../fonts/icomoon_Regular.svg?k4m5mh#icomoon') format('svg'); /* 6 */ url('../fonts/icomoon_Regular.svg?jfx2ev#icomoon') format('svg'); /* 6 */
font-display: block; font-display: block;
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
@ -193,3 +193,8 @@
{ {
content: "\e90e"; content: "\e90e";
} }
.icon-home:before
{
content: "\e90f";
}

View file

@ -194,7 +194,7 @@ header#cabeceira .interruptor .linna3
transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
} }
nav#menu nav#menus
{ {
left: 0; left: 0;
position: fixed; position: fixed;
@ -216,26 +216,27 @@ nav#menu
transition: transform 0.5s; transition: transform 0.5s;
} }
nav#menu a nav#menus a
{ {
color: rgb(var(--cor_10)); color: rgb(var(--cor_10));
} }
ul#idiomas ul#idiomas,
ul#usuario
{ {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
width: 75%; width: 75%;
margin: 70px 0 0 20px; margin: 20px;
padding: 0; padding: 0;
} }
ul#idiomas a ul#idiomas
{ {
color: rgb(var(--cor_10)); margin: 70px 20px 0;
} }
ul#paxinas ul#paxinas
@ -248,22 +249,32 @@ ul#paxinas
padding: 0; padding: 0;
} }
ul#idiomas li, ul#paxinas li ul#idiomas li,
ul#paxinas li,
ul#usuario li
{ {
list-style: none; list-style: none;
} }
ul#idiomas li a ul#idiomas li a,
ul#usuario li a
{ {
display: block; display: block;
padding: 0.625rem; padding: 0.625rem;
border: 1px solid rgb(var(--cor_10)); border: 1px solid rgb(var(--cor_10));
border-left: 0;
text-decoration: none; text-decoration: none;
} }
ul#idiomas li:first-child a,
ul#usuario li:first-child a
{
border-left: 1px solid rgb(var(--cor_10));
}
ul#idiomas li.activo a ul#idiomas li.activo a
{ {
color: rgb(var(--cor_60)); color: rgb(var(--cor_60));
@ -271,7 +282,7 @@ ul#idiomas li.activo a
background-color: rgb(var(--cor_10)); background-color: rgb(var(--cor_10));
} }
nav#menu li a:focus nav#menus li a:focus
{ {
outline: 2px dotted rgb(var(--cor_10)); outline: 2px dotted rgb(var(--cor_10));
} }
@ -301,7 +312,7 @@ ul#paxinas li a
text-transform: capitalize; text-transform: capitalize;
} }
header#cabeceira input#interruptor:checked ~ nav#menu header#cabeceira input#interruptor:checked ~ nav#menus
{ {
transform: translateX(0); transform: translateX(0);
} }
@ -581,7 +592,7 @@ figure.enlace figcaption a
display: none; display: none;
} }
nav#menu nav#menus
{ {
position: initial; position: initial;
@ -598,13 +609,20 @@ figure.enlace figcaption a
transition: initial; transition: initial;
} }
ul#idiomas nav#menus > div
{
display: flex;
flex-direction: row-reverse;
}
ul#idiomas,
ul#usuario
{ {
justify-content: flex-end; justify-content: flex-end;
width: 100%; width: initial;
margin: 0; margin: 0 10px;
} }
ul#paxinas ul#paxinas

View file

@ -2,7 +2,7 @@
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" > <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<metadata> <metadata>
Created by FontForge 20201107 at Thu Oct 6 11:00:07 2022 Created by FontForge 20201107 at Sun Oct 23 17:16:18 2022
By Unknown By Unknown
</metadata> </metadata>
<defs> <defs>
@ -91,5 +91,8 @@ q-18 8 -37.5 9t-37.5 -4q-13 -3 -25.5 -10t-22.5 -17l-3 -3q-7 -7 -14.5 -10t-16.5 -
t-9.5 13.5t-3.5 16.5t3.5 17t9.5 13q6 6 13.5 9.5t16.5 3.5h4q21 0 39.5 7.5t32.5 19.5q11 9 19 20.5t13 25.5q8 18 9 37t-4 37q-4 14 -11 26.5t-17 22.5l-3 3q-6 6 -9.5 14t-3.5 16t3 16t10 14q6 7 14 10t16 3t16 -3t14 -9l3 -3q15 -15 32.5 -23t36.5 -9q12 -1 24 0.5 t-9.5 13.5t-3.5 16.5t3.5 17t9.5 13q6 6 13.5 9.5t16.5 3.5h4q21 0 39.5 7.5t32.5 19.5q11 9 19 20.5t13 25.5q8 18 9 37t-4 37q-4 14 -11 26.5t-17 22.5l-3 3q-6 6 -9.5 14t-3.5 16t3 16t10 14q6 7 14 10t16 3t16 -3t14 -9l3 -3q15 -15 32.5 -23t36.5 -9q12 -1 24 0.5
t23 5.5q3 0 6 1l6 2h-2h-2l-10.5 -1.5t-5.5 -2.5h3q1 0 2.5 0.5t2.5 0.5q2 0 4 1l4 2h3.5h0.5q18 8 32.5 21.5t22.5 29.5q7 12 10 25t3 27v8q0 8 3.5 16t9.5 14t13.5 9t16.5 3t16.5 -3t13.5 -9t9.5 -14t3.5 -16v-4q0 -21 6.5 -39t18.5 -33q9 -10 19.5 -18t23.5 -14 t23 5.5q3 0 6 1l6 2h-2h-2l-10.5 -1.5t-5.5 -2.5h3q1 0 2.5 0.5t2.5 0.5q2 0 4 1l4 2h3.5h0.5q18 8 32.5 21.5t22.5 29.5q7 12 10 25t3 27v8q0 8 3.5 16t9.5 14t13.5 9t16.5 3t16.5 -3t13.5 -9t9.5 -14t3.5 -16v-4q0 -21 6.5 -39t18.5 -33q9 -10 19.5 -18t23.5 -14
q18 -8 37.5 -9t38.5 4q13 4 25.5 11t22.5 17l3 3q7 6 14.5 9t15.5 3q9 0 16.5 -3t14.5 -9q6 -6 9 -14t3 -16q0 -9 -3 -16.5t-9 -13.5l-3 -3q-14 -15 -22 -33t-10 -37q-1 -12 0.5 -23.5t5.5 -23.5q0 -3 1 -5.5t2 -5.5v2v2v0z" /> q18 -8 37.5 -9t38.5 4q13 4 25.5 11t22.5 17l3 3q7 6 14.5 9t15.5 3q9 0 16.5 -3t14.5 -9q6 -6 9 -14t3 -16q0 -9 -3 -16.5t-9 -13.5l-3 -3q-14 -15 -22 -33t-10 -37q-1 -12 0.5 -23.5t5.5 -23.5q0 -3 1 -5.5t2 -5.5v2v2v0z" />
<glyph glyph-name="uniE90F" unicode="&#xe90f;"
d="M102 588q-8 -6 -12.5 -14.5t-4.5 -18.5v-470q0 -26 10 -49.5t28 -40.5q17 -17 40.5 -27.5t49.5 -10.5h598q26 0 49.5 10t40.5 28q17 17 27.5 40.5t10.5 49.5v470q0 9 -4.5 18t-12.5 15l-384 299q-11 9 -25.5 9t-26.5 -9zM683 43v384q0 17 -12.5 29.5t-30.5 12.5h-256
q-18 0 -30.5 -12.5t-12.5 -29.5v-384h-128q-8 0 -16 3t-14 9t-9 14t-3 16v449l341 265l341 -265v-449q0 -8 -3 -16t-9 -14t-14 -9t-16 -3h-128zM427 43v341h170v-341h-170z" />
</font> </font>
</defs></svg> </defs></svg>

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 12 KiB