added widget areas for bette custom. modified css for them

This commit is contained in:
jorge 2022-04-07 14:47:54 +02:00
parent 577977bfb3
commit 46e4a55bff
10 changed files with 15287 additions and 626 deletions

13962
dist/assets/css/app.css vendored

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Binary file not shown.

Before

Width:  |  Height:  |  Size: 156 KiB

After

Width:  |  Height:  |  Size: 288 KiB

48
dist/assets/js/app.js vendored

File diff suppressed because one or more lines are too long

1
dist/assets/js/app.js.map vendored Normal file

File diff suppressed because one or more lines are too long

View File

@ -1,26 +1,24 @@
//content { // general styles
//----------------
//
// mods on fonts and typography
// not in foundation variables
// -----------------------------
// general styles h1,h2,h3,h4,h5,h6,
//---------------- .h1,.h2,.h3,.h4,.h4,.h5,.h6,
// button,.button,
// mods on fonts and typography header nav,
// not in foundation variables
// -----------------------------
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h4,.h5,.h6,
button,.button,
header nav,
h1,h2,h3,h4,h5,h6, h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h4,.h5,.h6 { .h1,.h2,.h3,.h4,.h4,.h5,.h6 {
font-variant:all-small-caps; font-variant:all-small-caps;
a { a {
color: $body-font-color; color: $body-font-color;
} }
} }
.excerpt,.post-excerpt{ .excerpt,.post-excerpt{
a { a {
color: $body-font-color; color: $body-font-color;
&:hover { &:hover {
@ -29,14 +27,14 @@
} }
} }
} }
} }
// //
// main block // main block
//-------------- //--------------
main { main {
article { article {
@include xy-grid; @include xy-grid;
header { header {
@ -67,14 +65,14 @@
} }
} }
} }
} }
// //
// category view and news // category view and news
//-------------- //--------------
.category-posts,.archive-posts { .category-posts,.archive-posts {
@include xy-grid; @include xy-grid;
header,main,aside { header,main,aside {
@include breakpoint(small){ @include breakpoint(small){
@ -87,7 +85,6 @@
} }
} }
main { main {
//@include xy-cell(12);
@include xy-grid; @include xy-grid;
article{ article{
text-align:center; text-align:center;
@ -170,16 +167,16 @@
} }
} }
} }
} }
// end category-posts // end category-posts
// //
// collections category // collections category
//-------------- //--------------
.collections-list { .collections-list {
@include xy-grid; @include xy-grid;
header,main,aside { header,main,aside {
@include xy-cell(12); @include xy-cell(12);
@ -207,8 +204,8 @@
} }
aside { aside {
} }
} }
// end news & resources category // end news & resources category
// //
// partners // partners
@ -242,13 +239,13 @@
} }
} }
// //
// hero // hero
// for big announcemnts // for big announcemnts
//--------------------- //---------------------
.hero { .hero {
.slides { .slides {
@include xy-grid(); @include xy-grid();
border-top: 2px solid $primary-color; border-top: 2px solid $primary-color;
@ -259,28 +256,30 @@
align-content: center; align-content: center;
justify-content: center; justify-content: center;
} }
// &.widget_media_image {
// justify-content: unset;
// align-content: stretch;
// }
@include breakpoint(small){ @include breakpoint(small){
width: 100vw; width: 100vw;
margin: 0; margin: 0;
&.widget_text p,.textwidget { &.widget_text p,.textwidget {
padding: $global-padding * 2; padding: $global-padding * 2;
} }
&.widget_media_image {
overflow: hidden;
img {
width:100%;
}
}
} }
@include breakpoint(medium){ @include breakpoint(medium){
&.widget_text p,.textwidget { &.widget_text p,.textwidget {
max-width: 50rem; max-width: 50rem;
margin:auto; margin:auto;
padding: $global-padding * 2; padding: $global-padding * 2;
font-size: $global-font-size*1.3; //font-size: $global-font-size*1.3;
} }
} }
@include breakpoint(large){ @include breakpoint(large){
width: 50%; width: 50%;
height: calc((50vw*9)/16); //height: calc((50vw*9)/16);
padding: 0; padding: 0;
margin: 0; margin: 0;
overflow:hidden; overflow:hidden;
@ -289,23 +288,23 @@
@include flex-align (center,middle); @include flex-align (center,middle);
} }
img { img {
// max-width: unset !important; //height: 100% !important;
height: 100% !important; //width: 100%;
} }
&.widget_text p,.textwidget { &.widget_text p,.textwidget {
font-size: $global-font-size*1.2; font-size: $global-font-size*1.1;
padding: $global-padding * 2; padding: $global-padding * 2;
} }
} }
@include breakpoint(xlarge){ @include breakpoint(xlarge){
&.widget_text p,.textwidget { &.widget_text p,.textwidget {
font-size: $global-font-size*1.3; font-size: $global-font-size*1.15;
padding: $global-padding*3; padding: $global-padding*3;
} }
} }
@include breakpoint(xxlarge){ @include breakpoint(xxlarge){
&.widget_text p,.textwidget { &.widget_text p,.textwidget {
font-size: $global-font-size*1.6; font-size: $global-font-size*1.3;
padding: $global-padding*3; padding: $global-padding*3;
} }
} }
@ -324,10 +323,32 @@
} }
} }
} }
&.top.secondary {
align-content: center;
justify-content: center;
ul {
margin: 2rem 0;
}
a {
border: 1px solid black;
border-radius: 2rem;
padding: 1rem;
color:blue;
}
}
} }
aside { aside {
@include xy-grid(); @include xy-grid();
background-color: $secondary-color; background-color: $secondary-color;
.slides {
width: 100%;
.slide {
width: 100%;
&:nth-child(odd) {
background-color: $secondary-color;
}
}
}
nav { nav {
@include xy-cell(auto); @include xy-cell(auto);
@include flex; @include flex;
@ -352,8 +373,5 @@
} }
} }
} }
} }
//end hero //end hero
//}
// end content

View File

@ -6,14 +6,14 @@
* @since arcHIVE-theme 1.0.0 * @since arcHIVE-theme 1.0.0
*/ */
if ( ! function_exists( 'foundationpress_sidebar_widgets' ) ) : if ( ! function_exists( 'arcHIVE_sidebar_widgets' ) ) :
function foundationpress_sidebar_widgets() { function arcHIVE_sidebar_widgets() {
register_sidebar( register_sidebar(
array( array(
'id' => 'home-announcement-widgets', 'id' => 'home-announcement-widgets-top-primary',
'name' => __( 'Home Announcement widgets', 'foundationpress' ), 'name' => __( 'Home Announcement Top Primary area', 'foundationpress' ),
'description' => __( 'Drag widgets to this Home page container that will show at the top of the home page.', 'foundationpress' ), 'description' => __( 'Drag widgets to this Home page container that will show at the top of the home page.', 'foundationpress' ),
'before_sidebar'=> '<main class="slides">', 'before_sidebar'=> '<main class="slides top primary">',
'after_sidebar' => '</main>', 'after_sidebar' => '</main>',
'before_widget' => '<section id="%1$s" class="widget slide home-announcement %2$s">', 'before_widget' => '<section id="%1$s" class="widget slide home-announcement %2$s">',
'after_widget' => '</section>', 'after_widget' => '</section>',
@ -21,12 +21,25 @@ if ( ! function_exists( 'foundationpress_sidebar_widgets' ) ) :
'after_title' => '</h6>', 'after_title' => '</h6>',
) )
); );
register_sidebar(
array(
'id' => 'home-announcement-widgets-top-secondary',
'name' => __( 'Home Announcement Top Secondary area', 'foundationpress' ),
'description' => __( 'Drag widgets to this Home page container that will show at the top of the home page on the secondary area.', 'foundationpress' ),
'before_sidebar'=> '<main class="slides top secondary">',
'after_sidebar' => '</main>',
'before_widget' => '<section id="%1$s" class="widget home-announcement %2$s">',
'after_widget' => '</section>',
'before_title' => '<h6>',
'after_title' => '</h6>',
)
);
register_sidebar( register_sidebar(
array( array(
'id' => 'home-announcement-middle-widgets', 'id' => 'home-announcement-middle-widgets',
'name' => __( 'Home Announcement Middle widgets', 'foundationpress' ), 'name' => __( 'Home Announcement Middle', 'foundationpress' ),
'description' => __( 'Drag widgets to this Home page container that will show in the middle of the home page.', 'foundationpress' ), 'description' => __( 'Drag widgets to this Home page container that will show in the middle of the home page.', 'foundationpress' ),
'before_sidebar'=> '<main class="slides">', 'before_sidebar'=> '<main class="slides middle">',
'after_sidebar' => '</main>', 'after_sidebar' => '</main>',
'before_widget' => '<section id="%1$s" class="widget slide home-middle-announcement %2$s">', 'before_widget' => '<section id="%1$s" class="widget slide home-middle-announcement %2$s">',
'after_widget' => '</section>', 'after_widget' => '</section>',
@ -37,9 +50,9 @@ if ( ! function_exists( 'foundationpress_sidebar_widgets' ) ) :
register_sidebar( register_sidebar(
array( array(
'id' => 'home-announcement-bottom-widgets', 'id' => 'home-announcement-bottom-widgets',
'name' => __( 'Home Announcement Bottom widgets', 'foundationpress' ), 'name' => __( 'Home Announcement Bottom', 'foundationpress' ),
'description' => __( 'Drag widgets to this Home page container that will show at the bottom of the home page.', 'foundationpress' ), 'description' => __( 'Drag widgets to this Home page container that will show at the bottom of the home page.', 'foundationpress' ),
'before_sidebar'=> '<main class="slides">', 'before_sidebar'=> '<main class="slides bottom">',
'after_sidebar' => '</main>', 'after_sidebar' => '</main>',
'before_widget' => '<section id="%1$s" class="widget slide home-bottom-announcement %2$s">', 'before_widget' => '<section id="%1$s" class="widget slide home-bottom-announcement %2$s">',
'after_widget' => '</section>', 'after_widget' => '</section>',
@ -50,8 +63,10 @@ if ( ! function_exists( 'foundationpress_sidebar_widgets' ) ) :
register_sidebar( register_sidebar(
array( array(
'id' => 'announcement-widgets', 'id' => 'announcement-widgets',
'name' => __( 'Announcement widgets', 'foundationpress' ), 'name' => __( 'Announcement', 'foundationpress' ),
'description' => __( 'Drag widgets to this announcement container.', 'foundationpress' ), 'description' => __( 'Drag widgets to this announcement container.', 'foundationpress' ),
'before_sidebar'=> '<main class="slides announcement">',
'after_sidebar' => '</main>',
'before_widget' => '<section id="%1$s" class="widget slide %2$s">', 'before_widget' => '<section id="%1$s" class="widget slide %2$s">',
'after_widget' => '</section>', 'after_widget' => '</section>',
'before_title' => '<h6>', 'before_title' => '<h6>',
@ -60,10 +75,25 @@ if ( ! function_exists( 'foundationpress_sidebar_widgets' ) ) :
); );
register_sidebar( register_sidebar(
array( array(
'id' => 'announcement-resources-widgets', 'id' => 'announcement-resources-top-widgets',
'name' => __( 'Announcement Resources widgets', 'foundationpress' ), 'name' => __( 'Resources Announcement top', 'foundationpress' ),
'description' => __( 'Drag widgets to this announcement container to be displayed in Resources.', 'foundationpress' ), 'description' => __( 'Drag widgets to this announcement container to be displayed in Resources primary area.', 'foundationpress' ),
'before_widget' => '<section id="%1$s" class="widget slide %2$s">', 'before_sidebar'=> '<main class="slides announcement top">',
'after_sidebar' => '</main>',
'before_widget' => '<section id="%1$s" class="widget slide top %2$s">',
'after_widget' => '</section>',
'before_title' => '<h6>',
'after_title' => '</h6>',
)
);
register_sidebar(
array(
'id' => 'announcement-resources-middle-widgets',
'name' => __( 'Resources Announcement middle', 'foundationpress' ),
'description' => __( 'Drag widgets to this announcement container to be displayed in Resources secondary area.', 'foundationpress' ),
'before_sidebar'=> '<main class="slides announcement middle">',
'after_sidebar' => '</main>',
'before_widget' => '<section id="%1$s" class="widget slide middle %2$s">',
'after_widget' => '</section>', 'after_widget' => '</section>',
'before_title' => '<h6>', 'before_title' => '<h6>',
'after_title' => '</h6>', 'after_title' => '</h6>',
@ -83,5 +113,5 @@ if ( ! function_exists( 'foundationpress_sidebar_widgets' ) ) :
); );
} }
add_action( 'widgets_init', 'foundationpress_sidebar_widgets' ); add_action( 'widgets_init', 'arcHIVE_sidebar_widgets' );
endif; endif;

View File

@ -1,26 +1,24 @@
//content { // general styles
//----------------
//
// mods on fonts and typography
// not in foundation variables
// -----------------------------
// general styles h1,h2,h3,h4,h5,h6,
//---------------- .h1,.h2,.h3,.h4,.h4,.h5,.h6,
// button,.button,
// mods on fonts and typography header nav,
// not in foundation variables
// -----------------------------
h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h4,.h5,.h6,
button,.button,
header nav,
h1,h2,h3,h4,h5,h6, h1,h2,h3,h4,h5,h6,
.h1,.h2,.h3,.h4,.h4,.h5,.h6 { .h1,.h2,.h3,.h4,.h4,.h5,.h6 {
font-variant:all-small-caps; font-variant:all-small-caps;
a { a {
color: $body-font-color; color: $body-font-color;
} }
} }
.excerpt,.post-excerpt{ .excerpt,.post-excerpt{
a { a {
color: $body-font-color; color: $body-font-color;
&:hover { &:hover {
@ -29,14 +27,14 @@
} }
} }
} }
} }
// //
// main block // main block
//-------------- //--------------
main { main {
article { article {
@include xy-grid; @include xy-grid;
header { header {
@ -67,14 +65,14 @@
} }
} }
} }
} }
// //
// category view and news // category view and news
//-------------- //--------------
.category-posts,.archive-posts { .category-posts,.archive-posts {
@include xy-grid; @include xy-grid;
header,main,aside { header,main,aside {
@include breakpoint(small){ @include breakpoint(small){
@ -87,7 +85,6 @@
} }
} }
main { main {
//@include xy-cell(12);
@include xy-grid; @include xy-grid;
article{ article{
text-align:center; text-align:center;
@ -170,16 +167,16 @@
} }
} }
} }
} }
// end category-posts // end category-posts
// //
// collections category // collections category
//-------------- //--------------
.collections-list { .collections-list {
@include xy-grid; @include xy-grid;
header,main,aside { header,main,aside {
@include xy-cell(12); @include xy-cell(12);
@ -207,8 +204,8 @@
} }
aside { aside {
} }
} }
// end news & resources category // end news & resources category
// //
// partners // partners
@ -242,13 +239,13 @@
} }
} }
// //
// hero // hero
// for big announcemnts // for big announcemnts
//--------------------- //---------------------
.hero { .hero {
.slides { .slides {
@include xy-grid(); @include xy-grid();
border-top: 2px solid $primary-color; border-top: 2px solid $primary-color;
@ -259,28 +256,30 @@
align-content: center; align-content: center;
justify-content: center; justify-content: center;
} }
// &.widget_media_image {
// justify-content: unset;
// align-content: stretch;
// }
@include breakpoint(small){ @include breakpoint(small){
width: 100vw; width: 100vw;
margin: 0; margin: 0;
&.widget_text p,.textwidget { &.widget_text p,.textwidget {
padding: $global-padding * 2; padding: $global-padding * 2;
} }
&.widget_media_image {
overflow: hidden;
img {
width:100%;
}
}
} }
@include breakpoint(medium){ @include breakpoint(medium){
&.widget_text p,.textwidget { &.widget_text p,.textwidget {
max-width: 50rem; max-width: 50rem;
margin:auto; margin:auto;
padding: $global-padding * 2; padding: $global-padding * 2;
font-size: $global-font-size*1.3; //font-size: $global-font-size*1.3;
} }
} }
@include breakpoint(large){ @include breakpoint(large){
width: 50%; width: 50%;
height: calc((50vw*9)/16); //height: calc((50vw*9)/16);
padding: 0; padding: 0;
margin: 0; margin: 0;
overflow:hidden; overflow:hidden;
@ -289,23 +288,23 @@
@include flex-align (center,middle); @include flex-align (center,middle);
} }
img { img {
// max-width: unset !important; //height: 100% !important;
height: 100% !important; //width: 100%;
} }
&.widget_text p,.textwidget { &.widget_text p,.textwidget {
font-size: $global-font-size*1.2; font-size: $global-font-size*1.1;
padding: $global-padding * 2; padding: $global-padding * 2;
} }
} }
@include breakpoint(xlarge){ @include breakpoint(xlarge){
&.widget_text p,.textwidget { &.widget_text p,.textwidget {
font-size: $global-font-size*1.3; font-size: $global-font-size*1.15;
padding: $global-padding*3; padding: $global-padding*3;
} }
} }
@include breakpoint(xxlarge){ @include breakpoint(xxlarge){
&.widget_text p,.textwidget { &.widget_text p,.textwidget {
font-size: $global-font-size*1.6; font-size: $global-font-size*1.3;
padding: $global-padding*3; padding: $global-padding*3;
} }
} }
@ -324,10 +323,32 @@
} }
} }
} }
&.top.secondary {
align-content: center;
justify-content: center;
ul {
margin: 2rem 0;
}
a {
border: 1px solid black;
border-radius: 2rem;
padding: 1rem;
color:blue;
}
}
} }
aside { aside {
@include xy-grid(); @include xy-grid();
background-color: $secondary-color; background-color: $secondary-color;
.slides {
width: 100%;
.slide {
width: 100%;
&:nth-child(odd) {
background-color: $secondary-color;
}
}
}
nav { nav {
@include xy-cell(auto); @include xy-cell(auto);
@include flex; @include flex;
@ -352,8 +373,5 @@
} }
} }
} }
} }
//end hero //end hero
//}
// end content

View File

@ -8,8 +8,9 @@
?> ?>
<section class="hero hero-announcement resources"> <section class="hero hero-announcement resources">
<?php dynamic_sidebar( 'announcement-resources-widgets' ); ?> <?php dynamic_sidebar( 'announcement-resources-top-widgets' ); ?>
<aside> <aside>
<?php dynamic_sidebar( 'announcement-resources-middle-widgets' ); ?>
<?php //insert menu here; ?> <?php //insert menu here; ?>
<?php //foundationpress_announcement_bar(); ?> <?php //foundationpress_announcement_bar(); ?>
</aside> </aside>

View File

@ -10,8 +10,10 @@
<section class="hero hero-main"> <section class="hero hero-main">
<!--main class="slides"--> <!--main class="slides"-->
<?php dynamic_sidebar( 'home-announcement-widgets' ); ?> <?php dynamic_sidebar( 'home-announcement-widgets' ); ?>
<?php dynamic_sidebar( 'home-announcement-widgets-top-primary' ); ?>
<!--/main--> <!--/main-->
<aside> <aside>
<?php foundationpress_home_hero_bar(); ?> <?php dynamic_sidebar( 'home-announcement-widgets-top-secondary' ); ?>
<?php //foundationpress_home_hero_bar(); ?>
</aside> </aside>
</section> </section>