-m[Arreglar] la navbar, su posicionamineto y espaciado, [Agregar] olas a palabras claves en el home y en e navbar
This commit is contained in:
parent
fff22326b4
commit
240d11504b
5 changed files with 28 additions and 10 deletions
|
@ -23,20 +23,18 @@
|
|||
|
||||
.nav__menu {
|
||||
position: initial;
|
||||
/* width: auto; */
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(90px, 1fr));
|
||||
justify-items: center;
|
||||
background-color: initial;
|
||||
}
|
||||
|
||||
.nav__logo-wrapper {
|
||||
width: 10%;
|
||||
max-width: 110px;
|
||||
max-height: 60px;
|
||||
}
|
||||
|
||||
.nav__item {
|
||||
justify-content: center;
|
||||
margin: 0 10px;
|
||||
padding: 0;
|
||||
}
|
||||
|
@ -51,16 +49,23 @@
|
|||
}
|
||||
|
||||
.nav__item a {
|
||||
padding: 10px 15px;
|
||||
border-radius: 40px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.nav__item .nav__link-underline {
|
||||
text-decoration: wavy;
|
||||
text-decoration-line: underline;
|
||||
text-decoration-thickness: 2px;
|
||||
text-decoration-color: var(--color-secondary-purple);
|
||||
}
|
||||
|
||||
.nav__item:nth-child(2) a {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.nav__item:nth-child(3) a {
|
||||
padding: 8px;
|
||||
border-radius: 5px;
|
||||
font-weight: bold;
|
||||
color: var(--color-secondary-purple);
|
||||
border: 2px solid var(--color-secondary-purple);
|
||||
|
@ -72,6 +77,10 @@
|
|||
}
|
||||
|
||||
.nav__item:last-child a {
|
||||
display: inline-block;
|
||||
/* height: 100%; */
|
||||
padding: 10px;
|
||||
border-radius: 5px;
|
||||
background-color: var(--color-primary-red);
|
||||
color: var(--color-background);
|
||||
}
|
||||
|
|
|
@ -18,6 +18,7 @@
|
|||
/* Estilos del header */
|
||||
|
||||
.hero {
|
||||
margin-top: 20px;
|
||||
flex-direction: row-reverse;
|
||||
text-align: initial;
|
||||
justify-content: space-between;
|
||||
|
|
|
@ -183,6 +183,14 @@ body {
|
|||
line-height: 2.7rem;
|
||||
}
|
||||
|
||||
.CTA__title .CTA__mark {
|
||||
text-decoration: wavy;
|
||||
text-decoration-line: underline;
|
||||
text-decoration-color: var(--color-secondary-purple);
|
||||
text-decoration-thickness: 2px;
|
||||
text-decoration-skip-ink: none;
|
||||
}
|
||||
|
||||
.CTA__button {
|
||||
display: inline-block;
|
||||
min-width: 215px;
|
||||
|
|
|
@ -33,7 +33,7 @@
|
|||
</a>
|
||||
</li>
|
||||
<li class="nav__item">
|
||||
<span>☷</span><a href="<?= NABU_ROUTES['all-articles'] ?>">Muro</a>
|
||||
<span>☷</span><a class="nav__link-underline" href="<?= NABU_ROUTES['all-articles'] ?>">Muro</a>
|
||||
</li>
|
||||
<?php if (isset($_SESSION['user'])): ?>
|
||||
<?php $user = $_SESSION['user'] ?>
|
||||
|
@ -46,10 +46,10 @@
|
|||
<span>➣</span> <a href="<?= NABU_ROUTES['post-article'] ?>">Publicar un post</a>
|
||||
</li>
|
||||
<li class="nav__item">
|
||||
<span>✮</span> <a href="<?= NABU_ROUTES['favorites'] ?>">Favoritos</a>
|
||||
<span>✮</span> <a class="nav__link-underline" href="<?= NABU_ROUTES['favorites'] ?>">Favoritos</a>
|
||||
</li>
|
||||
<li class="nav__item">
|
||||
<span>☻</span> <a href="<?= NABU_ROUTES['profile'] . '&user=' . urlencode($user['username']) ?>"><?= utils::escape($user['username']) ?></a>
|
||||
<span>☻</span> <a class="nav__link-underline" href="<?= NABU_ROUTES['profile'] . '&user=' . urlencode($user['username']) ?>"><?= utils::escape($user['username']) ?></a>
|
||||
</li>
|
||||
<li class="nav__item">
|
||||
<span class="close__icon">➲</span><a href="<?= NABU_ROUTES['logout'] ?>">Cerrar sesión</a>
|
||||
|
|
|
@ -29,7 +29,7 @@
|
|||
<!-- Estilos a cargar para el responsive design -->
|
||||
<?php $desktop_styles = array(
|
||||
array('file' => 'components/footer/footer-desktop.css', 'attributes' => 'media="screen and (min-width: 650px)"'),
|
||||
array('file' => 'components/navbar/navbar-desktop.css', 'attributes' => 'media="screen and (min-width: 650px)"'),
|
||||
array('file' => 'components/navbar/navbar-desktop.css', 'attributes' => 'media="screen and (min-width: 760px)"'),
|
||||
array('file' => 'pages/home/home-tablet.css', 'attributes' => 'media="screen and (min-width: 650px)"'),
|
||||
array('file' => 'pages/home/home-desktop.css', 'attributes' => 'media="screen and (min-width: 1024px)"')
|
||||
) ?>
|
||||
|
@ -77,7 +77,7 @@
|
|||
<section class = "CTA">
|
||||
<span class="CTA__plane"></span>
|
||||
<div class="CTA__container">
|
||||
<h3 class="CTA__title">Tus palabras merecen ser leídas, escribe algo e inicia un viaje de descubrimiento</h3>
|
||||
<h3 class="CTA__title">Tus <strong class="CTA__mark">palabras</strong> merecen ser leídas, <strong class="CTA__mark">escribe</strong> algo e inicia un viaje de <strong class="CTA__mark">descubrimiento</strong></h3>
|
||||
<a href="<?= NABU_ROUTES['signup'] ?>" class="CTA__button">Quiero compartir lo que sé</a>
|
||||
</div>
|
||||
</section>
|
||||
|
|
Loading…
Reference in a new issue