mods on most design details noted on 2021 05 02

This commit is contained in:
jorge 2021-05-03 14:35:36 +02:00
parent b620a96732
commit 416635878d
8 changed files with 102 additions and 92 deletions

View File

@ -17,66 +17,11 @@
get_header(); ?> get_header(); ?>
<article>
<section class="news"> <main>
<header> <?php get_template_part( 'template-parts/section', 'news' ); ?>
<h2> News</h2>
</header>
<main class="">
<?php $the_query = new WP_Query( array( 'category_name' => 'news', 'posts_per_page' => 12 ) ); ?>
<?php if ( $the_query->have_posts() ) : ?>
<?php// the loop ?>
<?php while ( $the_query->have_posts() ) : $the_query->the_post(); ?>
<?php //content here ?>
<article class="">
<?php if ( has_post_thumbnail() ) :?>
<a href="<?php the_permalink(); ?>" rel="bookmark">
<figure style="background-image: url(<?php echo get_the_post_thumbnail_url();?>);">
</figure>
</a>
<?php else :?>
<a href="<?php the_permalink(); ?>" rel="bookmark">
<figure style="background-image: url(<?php echo catch_post_first_image();?>);">
</figure>
</a>
<?php endif;?>
<h3 class="entry-title">
<a href="<?php the_permalink(); ?>" rel="bookmark">
<?php the_title(); ?>
</a>
</h3>
<p class="excerpt post-excerpt">
<a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>">
<?php the_excerpt() ; ?>
</a>
</div>
</article>
<?php endwhile; ?>
<?php // end of the loop ?>
<?php //pagination here ?>
<?php //pagination
if ( function_exists( 'foundationpress_pagination' ) ) :
foundationpress_pagination();
elseif ( is_paged() ) :
?>
<nav id="post-nav">
<div class="post-previous"><?php next_posts_link( __( '&larr; Older posts', 'foundationpress' ) ); ?></div>
<div class="post-next"><?php previous_posts_link( __( 'Newer posts &rarr;', 'foundationpress' ) ); ?></div>
</nav>
<?php endif; //pagination end ?>
<?php wp_reset_postdata(); ?>
<?php else : ?>
<p><?php _e( 'Sorry, no posts matched your criteria.' ); ?></p>
<?php endif; ?>
</main> </main>
<aside> </article>
<nav>
<!--a href="" class="button hollow">see more news</a-->
</nav>
</aside>
</section>
<?php get_footer(); <?php get_footer();

View File

@ -47,6 +47,7 @@
<li class="h5"> <a href="https://cultivamoscultura.com/">Cultivamos Cultura</a></li> <li class="h5"> <a href="https://cultivamoscultura.com/">Cultivamos Cultura</a></li>
<li class="h5"> <a href="https://bioartsociety.fi/">Bioart Society</a></li> <li class="h5"> <a href="https://bioartsociety.fi/">Bioart Society</a></li>
<li class="h5"> <a href="https://kersnikova.org/">Kersnikova</a></li> <li class="h5"> <a href="https://kersnikova.org/">Kersnikova</a></li>
<br />
<li class="h5"> <a href="https://www.naturalsciences.be/">RBINS</a></li> <li class="h5"> <a href="https://www.naturalsciences.be/">RBINS</a></li>
<li class="h5"> <a href="https://www.kontejner.org/">Kontejner</a></li> <li class="h5"> <a href="https://www.kontejner.org/">Kontejner</a></li>
<li class="h5"> <a href="https://hangar.org/">Hangar</a></li> <li class="h5"> <a href="https://hangar.org/">Hangar</a></li>

View File

@ -156,17 +156,17 @@ $header-lineheight: 1.4;
$header-margin-bottom: 0.5rem; $header-margin-bottom: 0.5rem;
$header-styles: ( $header-styles: (
small: ( small: (
'h1': ('font-size': 24), 'h1': ('font-size': 36),
'h2': ('font-size': 20), 'h2': ('font-size': 30),
'h3': ('font-size': 19), 'h3': ('font-size': 23),
'h4': ('font-size': 18), 'h4': ('font-size': 18),
'h5': ('font-size': 17), 'h5': ('font-size': 17),
'h6': ('font-size': 16), 'h6': ('font-size': 16),
), ),
medium: ( medium: (
'h1': ('font-size': 48), 'h1': ('font-size': 58),
'h2': ('font-size': 40), 'h2': ('font-size': 52),
'h3': ('font-size': 31), 'h3': ('font-size': 40),
'h4': ('font-size': 25), 'h4': ('font-size': 25),
'h5': ('font-size': 20), 'h5': ('font-size': 20),
'h6': ('font-size': 16), 'h6': ('font-size': 16),
@ -758,8 +758,10 @@ $prototype-text-overflow: ellipsis;
$responsive-embed-margin-bottom: rem-calc(16); $responsive-embed-margin-bottom: rem-calc(16);
$responsive-embed-ratios: ( $responsive-embed-ratios: (
default: 4 by 3, default: 16 by 9,
standard: 4 by 3,
widescreen: 16 by 9, widescreen: 16 by 9,
classicfilm: 3 by 2,
); );
// 47. Reveal // 47. Reveal

View File

@ -5,6 +5,10 @@ button,.button {
button,.button { button,.button {
color: $button-color-alt; color: $button-color-alt;
border-color: $button-color-alt; border-color: $button-color-alt;
font-size: 2rem;
padding-left: $global-padding*6;
padding-right: $global-padding*6;
border-radius: 4rem;
// margin: $global-margin*2 0; // margin: $global-margin*2 0;
&:hover{ &:hover{
color: $anchor-color; color: $anchor-color;

View File

@ -109,10 +109,14 @@
height: 20vw; height: 20vw;
} }
} }
.date {
height: 1rem;
padding-top: $global-padding*2;
}
.entry-title { .entry-title {
padding-top: 4rem; padding-top: $global-padding*2;
line-height: 0.7; line-height: 0.7;
font-size: 1.5rem; font-size: $global-font-size*1.5;
} }
} }
} }
@ -166,6 +170,29 @@
} }
// end news category // end news category
//
// hero
// for big announcemnts
//---------------------
.partners {
.entry-content {
max-width: unset;
p {
padding-left: 30vw;
padding-bottom: 2rem;
border-bottom: 1px solid black;
margin-bottom: 2rem;
}
.alignleft {
margin: 0;
padding: 0;
}
.wp-block-image {
margin: 0;
}
}
}
// //
// hero // hero
@ -180,29 +207,57 @@
.slide { .slide {
@include xy-grid; @include xy-grid;
@include breakpoint(small){ @include breakpoint(small){
@include xy-cell(100%); width: 100vw;
@include xy-cell-gutters(0,margin); margin: 0;
width: 100%; .textwidget {
padding: $global-padding * 2; padding: $global-padding * 2;
} }
}
@include breakpoint(medium){ @include breakpoint(medium){
@include xy-cell(50%); .textwidget {
@include xy-cell-gutters(0,margin); max-width: 50rem;
font-size: $lead-font-size; margin:auto;
padding: $global-padding * 2;
font-size: $global-font-size*1.3;
}
}
@include breakpoint(large){
width: 50%;
height: calc((50vw*9)/16);
padding: 0;
margin: 0;
overflow:hidden;
a {
@include flex;
@include flex-align (center,middle);
}
img {
// max-width: unset !important;
height: 100% !important;
}
.textwidget {
font-size: $global-font-size*1.3;
padding: $global-padding * 2;
}
}
@include breakpoint(xlarge){
.textwidget {
font-size: $global-font-size*1.4;
padding: $global-padding*3; padding: $global-padding*3;
font-size: $global-font-size*1.5; }
}
@include breakpoint(xxlarge){
.textwidget {
font-size: $global-font-size*1.8;
padding: $global-padding*3;
}
} }
&:first-child { &:first-child {
background-color: $primary-color; background-color: $primary-color;
font-variant:all-small-caps; font-variant:all-small-caps;
} }
color: $white; color: $white;
> * {
@include xy-cell(full);
@include flex;
@include flex-align(center,middle);
}
.logo { .logo {
@include breakpoint(medium){ @include breakpoint(medium){
max-width: 80%; max-width: 80%;
@ -217,7 +272,8 @@
@include xy-cell(auto); @include xy-cell(auto);
@include flex; @include flex;
@include flex-align(spaced,middle); @include flex-align(spaced,middle);
min-height: 8rem; min-height: 6rem;
padding: $global-padding 0 ;
a { a {
color: $body-font-color; color: $body-font-color;
} }

View File

@ -1,7 +1,5 @@
footer { footer {
background-color: $secondary-color; background-color: $secondary-color;
padding-left: $global-padding;
padding-right: $global-padding;
a { a {
color: $body-font-color; color: $body-font-color;
&:hover { &:hover {
@ -32,6 +30,7 @@ footer {
&::before { &::before {
margin-top:unset; margin-top:unset;
max-width:100%; max-width:100%;
max-height: 4rem;
} }
} }
} }
@ -41,11 +40,11 @@ footer {
@include flex; @include flex;
@include flex-align(left,middle); @include flex-align(left,middle);
border-top: 1px solid black; border-top: 1px solid black;
padding: $global-padding 0; padding: $global-padding;
font-size: $global-font-size * 0.8; font-size: $global-font-size * 0.8;
font-variant:all-small-caps; //font-variant:all-small-caps;
&:first-child { &:first-child {
padding-top: $global-padding*3; //padding-top: $global-padding*3;
} }
.co-founded { .co-founded {
text-align:right; text-align:right;

View File

@ -6,7 +6,7 @@
@include breakpoint(small){ @include breakpoint(small){
@include xy-cell(12); @include xy-cell(12);
@include flex-align(center, middle); @include flex-align(center, middle);
padding: $global-padding*2; padding: $global-padding*2 $global-padding;
min-width: 14rem; min-width: 14rem;
text-align: center; text-align: center;
} }
@ -30,7 +30,7 @@
menu { menu {
margin: 0; margin: 0;
padding: 0; padding: 0;
font-size: 0.9rem; font-size: 0.8rem;
} }
} }
@include breakpoint(medium){ @include breakpoint(medium){
@ -40,7 +40,7 @@
menu { menu {
margin: inherit; margin: inherit;
padding: inherit; padding: inherit;
font-size: $global-font-size; font-size: $global-font-size*1.5;
} }
} }
} }

View File

@ -30,6 +30,9 @@
</figure> </figure>
</a> </a>
<?php endif;?> <?php endif;?>
<h5 class="date">
<?php the_date('d.m.Y');?>
</h5>
<h3 class="entry-title"> <h3 class="entry-title">
<a href="<?php the_permalink(); ?>" rel="bookmark"> <a href="<?php the_permalink(); ?>" rel="bookmark">
<?php the_title(); ?> <?php the_title(); ?>