Compare commits

..

3 Commits

Author SHA1 Message Date
jorge 6d0791e03c edited ajut and each post 2024-01-26 10:26:45 +01:00
jorge bffaa38328 styled navigatio and guttemberg styles 2024-01-26 10:23:29 +01:00
jorge 391d999466 modified header template 2024-01-26 10:22:21 +01:00
10 changed files with 250 additions and 839 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -9,7 +9,7 @@
get_header();
?>
<!-- archive-xarxaprod-ajut.php -->
<main id="primary" class="site-main">
<?php
// Detect plugin. For use on Front End only.

View File

@ -54,7 +54,9 @@
</div><!-- .site-branding -->
<nav id="site-navigation-main" class="main-navigation">
<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false" style="background-image: url('<?php echo esc_url( wp_get_attachment_url( get_theme_mod( 'custom_logo' ) ) ); ?>');" ><?php esc_html_e( 'Menu XarxaProd', 'xarxaprod' ); ?></button>
<button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false">
<?php esc_html_e( 'Menu', 'xarxaprod' ); ?>
</button>
<section class="main-navigation-content">
<?php
wp_nav_menu(
@ -68,27 +70,30 @@
</nav><!--primary #site-navigation -->
</div>
<div class="secondary">
<nav id="site-navigation-secondary" class="site-navigation secondary-navigation toggle-secondary-navigation">
<legend class="hide-content">menu</legend>
<input id="hide-menu-mobile" class="hide-not-mobile toggle" name="toggle" type="radio">
<label for="show-menu-mobile" class="hide-not-mobile toggle-show"><span class="hide-content">open</span></label>
<input id="show-menu-mobile" class="hide-not-mobile toggle" name="toggle" type="radio">
<div class="toggled-menu">
<label for="hide-menu-mobile" class="hide-not-mobile toggle-hide"><span class="hide-content">close</span></label>
<section class="secondary-navigation-content">
<?php
// <nav id="site-navigation-secondary" class="site-navigation secondary-navigation toggle-secondary-navigation">
// <legend class="hide-content">menu</legend>
// <input id="hide-menu-mobile" class="hide-not-mobile toggle" name="toggle" type="radio">
// <label for="show-menu-mobile" class="hide-not-mobile toggle-show"><span class="hide-content">open</span></label>
// <input id="show-menu-mobile" class="hide-not-mobile toggle" name="toggle" type="radio">
// <div class="toggled-menu">
// <label for="hide-menu-mobile" class="hide-not-mobile toggle-hide"><span class="hide-content">close</span></label>
// <section class="secondary-navigation-content">
;?>
<?php // here content to hide or show ?>
<?php
wp_nav_menu(
array(
'theme_location' => 'menu-2',
'menu_id' => 'secondary-menu',
)
);
?>
</section>
</div><!--toggled-menu-->
</nav><!--secondary #site-navigation -->
// wp_nav_menu(
// array(
// 'theme_location' => 'menu-2',
// 'menu_id' => 'secondary-menu',
// )
// );
// ?>
<?php
// </section>
// </div><!--toggled-menu-->
// </nav><!--secondary #site-navigation -->
;?>
<?php the_header_image_tag(); // header image to show below menus before title ?>
</div><!--secondary-->

View File

@ -142,26 +142,26 @@
}
}
.menu-toggle {
display: inline-block;
width: 10rem;
height: 4rem;
margin: 0;
padding: 0;
font-size: 0;
border: none;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
//display: inline-block;
//width: 10rem;
//height: 4rem;
//margin: 0;
//padding: 0;
//font-size: 0;
//border: none;
//background-position: center;
//background-repeat: no-repeat;
//background-size: contain;
}
}
@media screen and (max-width: 47.99em) {
.site-branding {
display: block;
width: 0px;
height: 0px;
overflow: hidden;
margin: 0;
padding: 0;
//display: block;
//width: 0px;
//height: 0px;
//overflow: hidden;
//margin: 0;
//padding: 0;
}
.main-navigation-content {
text-transform: uppercase;

View File

@ -34,18 +34,18 @@
&::after {
content: "+";
position: absolute;
bottom: -1rem;
bottom: 0rem;
left: 0.7rem;
font-size: 5rem;
}
&:hover {
color: $color__grey-light;
//color: $color__grey-light;
&::after {
content: ">";
font-size: 3rem;
bottom: 0;
//font-size: 3rem;
//bottom: 0;
}
}
}

453
style.css

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@ -8,7 +8,7 @@
*/
?>
<!-- /template-parts/content-xarxaprod-ajut.php -->
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<header class="entry-header">
@ -109,7 +109,7 @@
<?php if( get_field('os_fund_web') ): ?>
<div class="xarxaprod-fund-info-field">
<h6>+ Informació</h6>
<p><a href="<?php the_field('os_fund_web'); ?>" class="button button-more button-letsgo">ves-hi</a></p>
<p><a href="<?php echo get_field('os_fund_web'); ?>" class="button button-more button-letsgo">ves-hi</a></p>
</div>
<?php endif; ?>

View File

@ -1,5 +1,6 @@
<?php /**
* Template part for displaying each ajut with each field.
<?php
/**
* Template part for displaying each ajut with each field in category, archive, search
* to be used inside the loop.
*
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
@ -8,15 +9,18 @@
*/
?>
<article id="post-<?php the_ID(); ?>" <?php post_class('xarxaprod-card-each'); ?>>
<article id="post-<?php the_ID(); ?>" <?php post_class('xarxaprod-card-each'); ?> >
<h3 class="entry-title">
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" rel="bookmark">
<?php the_title(); ?>
</a>
</h3>
<?php if( get_field('os_funder_name') ): ?>
<?php if( get_field('os_funder_name') ): //case of ajuts fund ?>
<h6 class="xarxaprod-funder-name"><?php the_field('os_funder_name'); ?></h6>
<?php endif; ?>
<?php if( get_field('os_convoer_name') ): //case of convocatories convo ?>
<h6 class="xarxaprod-convoer-name"><?php the_field('os_convoer_name'); ?></h6>
<?php endif; ?>
<section class="excerpt post-excerpt">
<?php the_excerpt() ?>
</section>