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(); ?>
<article>
<main>
<?php get_template_part( 'template-parts/section', 'news' ); ?>
</main>
</article>
<section class="news">
<header>
<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>
<aside>
<nav>
<!--a href="" class="button hollow">see more news</a-->
</nav>
</aside>
</section>
<?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://bioartsociety.fi/">Bioart Society</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.kontejner.org/">Kontejner</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-styles: (
small: (
'h1': ('font-size': 24),
'h2': ('font-size': 20),
'h3': ('font-size': 19),
'h1': ('font-size': 36),
'h2': ('font-size': 30),
'h3': ('font-size': 23),
'h4': ('font-size': 18),
'h5': ('font-size': 17),
'h6': ('font-size': 16),
),
medium: (
'h1': ('font-size': 48),
'h2': ('font-size': 40),
'h3': ('font-size': 31),
'h1': ('font-size': 58),
'h2': ('font-size': 52),
'h3': ('font-size': 40),
'h4': ('font-size': 25),
'h5': ('font-size': 20),
'h6': ('font-size': 16),
@ -758,8 +758,10 @@ $prototype-text-overflow: ellipsis;
$responsive-embed-margin-bottom: rem-calc(16);
$responsive-embed-ratios: (
default: 4 by 3,
default: 16 by 9,
standard: 4 by 3,
widescreen: 16 by 9,
classicfilm: 3 by 2,
);
// 47. Reveal

View File

@ -5,6 +5,10 @@ button,.button {
button,.button {
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;
&:hover{
color: $anchor-color;

View File

@ -109,10 +109,14 @@
height: 20vw;
}
}
.date {
height: 1rem;
padding-top: $global-padding*2;
}
.entry-title {
padding-top: 4rem;
padding-top: $global-padding*2;
line-height: 0.7;
font-size: 1.5rem;
font-size: $global-font-size*1.5;
}
}
}
@ -166,6 +170,29 @@
}
// 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
@ -180,29 +207,57 @@
.slide {
@include xy-grid;
@include breakpoint(small){
@include xy-cell(100%);
@include xy-cell-gutters(0,margin);
width: 100%;
padding: $global-padding*2;
width: 100vw;
margin: 0;
.textwidget {
padding: $global-padding * 2;
}
}
@include breakpoint(medium){
@include xy-cell(50%);
@include xy-cell-gutters(0,margin);
font-size: $lead-font-size;
padding: $global-padding * 3;
font-size: $global-font-size*1.5;
.textwidget {
max-width: 50rem;
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;
}
}
@include breakpoint(xxlarge){
.textwidget {
font-size: $global-font-size*1.8;
padding: $global-padding*3;
}
}
&:first-child {
background-color: $primary-color;
font-variant:all-small-caps;
}
color: $white;
> * {
@include xy-cell(full);
@include flex;
@include flex-align(center,middle);
}
.logo {
@include breakpoint(medium){
max-width: 80%;
@ -217,7 +272,8 @@
@include xy-cell(auto);
@include flex;
@include flex-align(spaced,middle);
min-height: 8rem;
min-height: 6rem;
padding: $global-padding 0 ;
a {
color: $body-font-color;
}

View File

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

View File

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

View File

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