mods on most design details noted on 2021 05 02
This commit is contained in:
parent
b620a96732
commit
416635878d
|
@ -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( __( '← Older posts', 'foundationpress' ) ); ?></div>
|
||||
<div class="post-next"><?php previous_posts_link( __( 'Newer posts →', '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();
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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(); ?>
|
||||
|
|
Loading…
Reference in New Issue