Compare commits

...

2 Commits

Author SHA1 Message Date
jorge-vitrubio 5b160a13a3 footer not approved for 2022 restyle, had more space around 2022-10-19 09:45:14 +02:00
jorge-vitrubio 8b72a31c3d modified the footer styles so they resemble the 2021 design 2022-10-19 09:43:37 +02:00
2 changed files with 107 additions and 24 deletions

76
_not_used/footer2022.php Normal file
View File

@ -0,0 +1,76 @@
<?php
/**
* The template for displaying the footer.
*
* Contains the closing of the id=main div and all content
* after. Calls sidebar-footer.php for bottom widgets.
*
* @package Hangar
* @subpackage template
* @since Twenty Ten 1.0
*/
?>
</div><!-- #main -->
</div><!-- #wrapper -->
<div id="footer" role="contentinfo">
<main class="wrapfooter">
<div class="col logo">
<a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><img src="<?php echo get_template_directory_uri(). '/images/logogris.png'; ?>" width="105" height="40" alt="Hangar org" /></a>
</div>
<div class="col org">
<p>Fundació AAVC Hangar</p>
<p>Emilia Coranty 16</p>
<p>08018 Barcelona Espanya</p>
<p>CIF: G-63157655</p>
</div>
<div class="col tels">
<p>Tel.+34 93 308 4041</p>
<p>Fax +34 93 307 1211</p>
<p>info(at)hangar.org</p>
</div>
<div class="col inf">
<?php _e( '
[:en]Office: <br/>Monday to Thursday from 10&nbsp;am to 2&nbsp;pm and from 4&nbsp;pm to 6&nbsp;pm. <br/>Friday from 10&nbsp;am to 2&nbsp;pm.[:]
[:es]Oficina: <br/>de lunes a jueves de 10 a 14&nbsp;h y de 16 a 18&nbsp;h. <br/>Viernes de 10 a 14&nbsp;h.[:]
[:ca]Oficina: <br/>dilluns a dijous de 10 a 14&nbsp;h i de 16 a 18&nbsp;h. <br/>Divendres de 10 a 14&nbsp;h.[:]
' ); ?>
</div>
<!-- <p class="col legal">
</p> -->
<div class="alignright credits">
<p><a href="<?php echo get_permalink(275); ?>"><?php _e( 'Legal advice', 'hangar' ); ?></a></p>
<p><a href="https://wordpress.org/">Powered by Wordpress</a></p>
<p><?php _e( 'Original Design:', 'hangar' ); ?> <a href="https://folchstudio.com/">Folch Studio</a></p>
<p><?php _e( 'Original Development:', 'hangar' ); ?> <a href="https://www.enfusion.es/">Enfusión</a></p>
<p><?php _e( 'Development and design:', 'hangar' ); ?> <a href="https://git.hangar.org/">Hangar</a></p>
</div>
</div><!-- .fwrapfooter -->
</div><!-- #footer -->
<script type="text/javascript">
jQuery('#logoslider').cycle({
fx: 'scrollLeft',
delay: -1000
});
jQuery('#logoslider2').cycle({
fx: 'scrollLeft',
delay: -1000
});
jQuery('#logoslider3').cycle({
fx: 'scrollLeft',
delay: -1000
});
</script>
<?php
/* Always have wp_footer() just before the closing </body>
* tag of your theme, or you will break many plugins, which
* generally use this hook to reference JavaScript files.
*/
wp_footer();
?>
</body>
</html>

View File

@ -1154,12 +1154,13 @@ form#commentform p.form-submit input#submit {
--------------------------------------------- */
.wrapfooter {
max-width: 1237px;
padding: 20px 0px 20px 20px;
/*padding: 20px 0px 20px 20px;*/
padding: 1rem 0 0.3rem 1rem;
z-index: 0;
font-size: var(--hangar-body-font-size);
font-family: var(--hangar-body-font-family);
display:flex;
justify-content: space-between;
/* justify-content: space-between;*/
}
.wrapfooter p {
@ -1171,12 +1172,20 @@ form#commentform p.form-submit input#submit {
font-size: var(--hangar-body-font-size-small);
}
.center {text-align:center;}
/* .col {float: left; } */
/*
.wrapfooter .logo, .wrapfooter .org, .wrapfooter .wrapfooter .tels, .wrapfooter .inf,.wrapfooter .legal,.wrapfooter .credits {
width: 100%;
padding:1rem 0;
}
.wrapfooter .credits a{color: #A3A7A5!important;}
*/
.wrapfooter .col {
width: unset;
padding: 1rem 0;
}
.wrapfooter .credits a{
color: #A3A7A5!important;
}
@media screen and (max-width:768px) {
.wrapfooter{
width: 100vw;
@ -1185,7 +1194,13 @@ form#commentform p.form-submit input#submit {
}
@media screen and (min-width:768px) {
.wrapfooter{
flex-direction: row;
/*flex-direction: row;*/
}
.wrapfooter .col {
margin-right: 1rem;
width: auto;
padding:0;
margin-right: 2rem;
}
.wrapfooter .logo {
width:140px;
@ -1193,33 +1208,25 @@ form#commentform p.form-submit input#submit {
padding:0;
}
.wrapfooter .org, .wrapfooter .tels, .wrapfooter .inf,.wrapfooter .legal,.wrapfooter .credits {
/* width: calc((100% - 140px)/5); */
width: auto;
max-width: calc((100% - 140px)/4);
padding:0;
}
/* .wrapfooter .org {
width: calc((100% - 140px)/5);
padding:0;
.wrapfooter .org {
margin-right:4rem;
}
/*
.wrapfooter .tels {
width: calc((100% - 140px)/5);
padding:0;
}
*/
/*
.wrapfooter .inf {
width: calc((100% - 140px)/5);
padding:0;
}
*/
/*
.wrapfooter .legal {
width: calc((100% - 140px)/5);
padding:0;
}
*/
/*
.wrapfooter .credits {
width: calc((100% - 140px)/5);
padding:0;
} */
}
*/
}