xarxaprod
/
xarxaprod-wp-theme
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

created view for convos in home page and styled them

This commit is contained in:
jorge 2024-02-20 23:13:06 +01:00
parent f73bd434a7
commit 839e0b27d1
17 changed files with 248 additions and 174 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

91
adminstyles.css
View File

@ -17,7 +17,7 @@ Theme URI: https://git.hangar.org/xarxaprod/
Author: Hangar.org Tech Lab - hangar.org Author: Hangar.org Tech Lab - hangar.org
Author URI: https://hangar.org Author URI: https://hangar.org
Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a> Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a>
Version: 1.0.8 Version: 1.0.9
Tested up to: 6.2 Tested up to: 6.2
Requires PHP: 7.4 Requires PHP: 7.4
License: GNU General Public License v3 or later License: GNU General Public License v3 or later
@ -974,48 +974,57 @@ Add your custom styles in this file so it is easier to update the theme.
padding: 0; padding: 0;
} }
.edit-post-visual-editor__content-area .home .xarxaprod-label,
.edit-post-visual-editor__content-area article:not(.type-post) .xarxaprod-label { .edit-post-visual-editor__content-area article:not(.type-post) .xarxaprod-label {
margin: 0; margin: 0;
padding: 0; padding: 0;
display: inline; display: inline;
} }
.edit-post-visual-editor__content-area .home .xarxaprod-label li,
.edit-post-visual-editor__content-area article:not(.type-post) .xarxaprod-label li { .edit-post-visual-editor__content-area article:not(.type-post) .xarxaprod-label li {
display: inline-block; display: inline-block;
margin: 0.1em 0; margin: 0.1em 0;
padding: 0.2em 0.2em 0 0.2em; padding: 0.2em 0.2em 0 0.2em;
color: #fff; color: #000;
background-color: #000; border: 1px solid #000;
background-color: none;
font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 0.7rem; font-size: 0.7rem;
text-transform: uppercase;
} }
.edit-post-visual-editor__content-area .home .item-os_fund_target li,
.edit-post-visual-editor__content-area article:not(.type-post) .item-os_fund_target li { .edit-post-visual-editor__content-area article:not(.type-post) .item-os_fund_target li {
background-color: #ff8d76; background-color: #ff8d76;
} }
.edit-post-visual-editor__content-area .home .item-os_fund_source li,
.edit-post-visual-editor__content-area article:not(.type-post) .item-os_fund_source li { .edit-post-visual-editor__content-area article:not(.type-post) .item-os_fund_source li {
background-color: #5bcee8; background-color: #5bcee8;
} }
.edit-post-visual-editor__content-area .home .item-os_fund_field li,
.edit-post-visual-editor__content-area article:not(.type-post) .item-os_fund_field li { .edit-post-visual-editor__content-area article:not(.type-post) .item-os_fund_field li {
background-color: #f6cc4c; background-color: #f6cc4c;
} }
.edit-post-visual-editor__content-area .home .item-os_fund_dates li,
.edit-post-visual-editor__content-area article:not(.type-post) .item-os_fund_dates li { .edit-post-visual-editor__content-area article:not(.type-post) .item-os_fund_dates li {
background-color: #69ed82; background-color: #69ed82;
} }
.edit-post-visual-editor__content-area .home .item-os_fund_call,
.edit-post-visual-editor__content-area article:not(.type-post) .item-os_fund_call { .edit-post-visual-editor__content-area article:not(.type-post) .item-os_fund_call {
display: block; display: block;
margin: 0.2rem 0; margin: 0.2rem 0;
} }
.edit-post-visual-editor__content-area .home .item-os_fund_call li,
.edit-post-visual-editor__content-area article:not(.type-post) .item-os_fund_call li { .edit-post-visual-editor__content-area article:not(.type-post) .item-os_fund_call li {
font-size: 1.2rem; font-size: 1.2rem;
} }
.edit-post-visual-editor__content-area .home .item-os_fund_apply_text,
.edit-post-visual-editor__content-area article:not(.type-post) .item-os_fund_apply_text { .edit-post-visual-editor__content-area article:not(.type-post) .item-os_fund_apply_text {
display: inline-block; display: inline-block;
margin: 0.1em 0; margin: 0.1em 0;
@ -1086,6 +1095,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area a { .edit-post-visual-editor__content-area a {
color: #000; color: #000;
text-decoration: none;
} }
.edit-post-visual-editor__content-area a:visited { .edit-post-visual-editor__content-area a:visited {
@ -1107,28 +1117,17 @@ Add your custom styles in this file so it is easier to update the theme.
outline: 0; outline: 0;
} }
.edit-post-visual-editor__content-area a.button {
text-decoration: none;
}
.edit-post-visual-editor__content-area .button a,
.edit-post-visual-editor__content-area .excerpt a,
.edit-post-visual-editor__content-area .post-excerpt a,
.edit-post-visual-editor__content-area .entry-title a {
text-decoration: none;
}
.edit-post-visual-editor__content-area button, .edit-post-visual-editor__content-area button,
.edit-post-visual-editor__content-area input[type="button"], .edit-post-visual-editor__content-area input[type="button"],
.edit-post-visual-editor__content-area input[type="reset"], .edit-post-visual-editor__content-area input[type="reset"],
.edit-post-visual-editor__content-area input[type="submit"], .edit-post-visual-editor__content-area input[type="submit"],
.edit-post-visual-editor__content-area .button, .edit-post-visual-editor__content-area .button,
.edit-post-visual-editor__content-area .wp-block-button__link { .edit-post-visual-editor__content-area .wp-block-button__link {
border: 1px solid; border: 0;
border-color: #000; border-color: #000;
border-radius: 0; border-radius: 0;
background: none; background: #000;
color: #000; color: #fff;
line-height: 1; line-height: 1;
padding: 0.5em; padding: 0.5em;
margin: 0; margin: 0;
@ -1141,6 +1140,16 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .button:hover, .edit-post-visual-editor__content-area .button:hover,
.edit-post-visual-editor__content-area .wp-block-button__link:hover { .edit-post-visual-editor__content-area .wp-block-button__link:hover {
border-color: #111; border-color: #111;
color: #fff;
}
.edit-post-visual-editor__content-area button:visited,
.edit-post-visual-editor__content-area input[type="button"]:visited,
.edit-post-visual-editor__content-area input[type="reset"]:visited,
.edit-post-visual-editor__content-area input[type="submit"]:visited,
.edit-post-visual-editor__content-area .button:visited,
.edit-post-visual-editor__content-area .wp-block-button__link:visited {
color: #fff;
} }
.edit-post-visual-editor__content-area button:active, .edit-post-visual-editor__content-area button:active,
@ -1155,27 +1164,8 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .button:focus, .edit-post-visual-editor__content-area .button:focus,
.edit-post-visual-editor__content-area .wp-block-button__link:active, .edit-post-visual-editor__content-area .wp-block-button__link:active,
.edit-post-visual-editor__content-area .wp-block-button__link:focus { .edit-post-visual-editor__content-area .wp-block-button__link:focus {
border-color: #222; border-color: #333;
} color: #fff;
.edit-post-visual-editor__content-area .button-more {
display: inline-block;
}
.edit-post-visual-editor__content-area .button-more::after {
content: "+";
display: inline-block;
font-weight: 700;
text-align: center;
}
.edit-post-visual-editor__content-area .button-more:hover::after {
content: ">";
}
.edit-post-visual-editor__content-area .more-link .button-more::after {
font-size: 4rem;
width: 4rem;
} }
.edit-post-visual-editor__content-area .category-faq .button-more::before { .edit-post-visual-editor__content-area .category-faq .button-more::before {
@ -1325,6 +1315,8 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .xarxaprod-destacats, .edit-post-visual-editor__content-area .xarxaprod-destacats,
.edit-post-visual-editor__content-area .xarxaprod-featured, .edit-post-visual-editor__content-area .xarxaprod-featured,
.edit-post-visual-editor__content-area .xarxaprod-last-convos,
.edit-post-visual-editor__content-area .xarxaprod-ultimes-convocatories,
.edit-post-visual-editor__content-area .archive-posts { .edit-post-visual-editor__content-area .archive-posts {
display: grid; display: grid;
grid-template-columns: repeat(1, 1fr); grid-template-columns: repeat(1, 1fr);
@ -1380,8 +1372,10 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .xarxaprod-destacats, .edit-post-visual-editor__content-area .xarxaprod-destacats,
.edit-post-visual-editor__content-area .xarxaprod-featured, .edit-post-visual-editor__content-area .xarxaprod-featured,
.edit-post-visual-editor__content-area .xarxaprod-last-convos,
.edit-post-visual-editor__content-area .xarxaprod-ultimes-convocatories,
.edit-post-visual-editor__content-area .archive-posts { .edit-post-visual-editor__content-area .archive-posts {
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(3, 1fr);
} }
.edit-post-visual-editor__content-area .xarxaprod-faqs-aside { .edit-post-visual-editor__content-area .xarxaprod-faqs-aside {
@ -1610,8 +1604,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .main-navigation ul ul, .edit-post-visual-editor__content-area .main-navigation ul ul,
.edit-post-visual-editor__content-area .secondary-navigation ul ul { .edit-post-visual-editor__content-area .secondary-navigation ul ul {
background-color: rgba(255, 255, 255, 0.9); background-color: rgba(255, 255, 255, 0.8);
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left; float: left;
position: absolute; position: absolute;
top: 100%; top: 100%;
@ -1672,9 +1665,7 @@ Add your custom styles in this file so it is easier to update the theme.
.edit-post-visual-editor__content-area .main-navigation ul ul.sub-menu { .edit-post-visual-editor__content-area .main-navigation ul ul.sub-menu {
flex-direction: column; flex-direction: column;
padding-top: 2rem; padding: 1rem;
padding-left: 1rem;
padding-bottom: 1rem;
} }
.edit-post-visual-editor__content-area .main-navigation ul ul.sub-menu li { .edit-post-visual-editor__content-area .main-navigation ul ul.sub-menu li {
@ -1704,6 +1695,10 @@ Add your custom styles in this file so it is easier to update the theme.
padding: 1.5em 0; padding: 1.5em 0;
} }
.edit-post-visual-editor__content-area .menu-item-has-children {
padding-right: 0.5em;
}
.edit-post-visual-editor__content-area .menu-item-has-children::after { .edit-post-visual-editor__content-area .menu-item-has-children::after {
content: ""; content: "";
display: inline-block; display: inline-block;
@ -1793,6 +1788,7 @@ Add your custom styles in this file so it is easier to update the theme.
/* used in /* used in
* ./template-parts/content-xarxaprod-ajut.php * ./template-parts/content-xarxaprod-ajut.php
* ./template-parts/content-xarxaprod-convo.php
* ./template-parts/section-eachpost.php * ./template-parts/section-eachpost.php
* */ * */
@ -1845,11 +1841,6 @@ Add your custom styles in this file so it is easier to update the theme.
margin-top: 2rem; margin-top: 2rem;
} }
.edit-post-visual-editor__content-area .xarxaprod-card-each .button-more {
padding: 0;
margin: 0;
}
.edit-post-visual-editor__content-area .xarxaprod-fund-info-fields, .edit-post-visual-editor__content-area .xarxaprod-fund-info-fields,
.edit-post-visual-editor__content-area .xarxaprod-fund-info-contact-fields { .edit-post-visual-editor__content-area .xarxaprod-fund-info-contact-fields {
display: grid; display: grid;

2
adminstyles.css.map
View File

File diff suppressed because one or more lines are too long

2
assets/css/adminstyles.css
View File

File diff suppressed because one or more lines are too long

1
page.php
View File

@ -31,6 +31,7 @@ get_header();
<?php <?php
if ( is_front_page() ) : if ( is_front_page() ) :
//get_template_part( 'template-parts/section', 'featured' ); //get_template_part( 'template-parts/section', 'featured' );
get_template_part( 'template-parts/section', 'last-convos' );
echo '<aside id="extra" class="extra-content contingut-extra">'; echo '<aside id="extra" class="extra-content contingut-extra">';
dynamic_sidebar( 'front-page-widgets' ); // including widget front page dynamic_sidebar( 'front-page-widgets' ); // including widget front page

8
sass/abstracts/variables/_colors.scss
View File

@ -30,7 +30,7 @@ $color__red: #ff686e;
$color__background-body: none; $color__background-body: none;
$color__background-screen: none; $color__background-screen: none;
$color__background-hr: $color__black; $color__background-hr: $color__black;
$color__background-button: none; $color__background-button: $color__black;
$color__background-pre: $color__grey-lighter; $color__background-pre: $color__grey-lighter;
$color__background-ins: $color__white-dark; $color__background-ins: $color__white-dark;
$color__background-input: $color__grey-lighter; $color__background-input: $color__grey-lighter;
@ -43,8 +43,8 @@ $color__link-visited: $color__link;
$color__link-hover: $color__black-light; $color__link-hover: $color__black-light;
$color__text-main: $color__black; $color__text-main: $color__black;
$color__border-button: #000; $color__border-button: $color__black;
$color__border-button-hover: #111; $color__border-button-hover: $color__black-grey;
$color__border-button-focus: #222; $color__border-button-focus: $color__black-light;
$color__border-input: $color__black; $color__border-input: $color__black;
$color__border-abbr: $color__grey-dark; $color__border-abbr: $color__grey-dark;

57
sass/base/elements/_buttons.scss
View File

@ -4,49 +4,52 @@ input[type="reset"],
input[type="submit"], input[type="submit"],
.button, .button,
.wp-block-button__link { .wp-block-button__link {
border: 1px solid; border: 0;
border-color: $color__border-button; border-color: $color__border-button;
border-radius: 0; border-radius: 0;
background: $color__background-button; background: $color__background-button;
color: $color__text-screen; color: $color__white;
line-height: 1; line-height: 1;
// padding: 0.6em 1em 0.4em; //padding: 0.6em 1em 0.4em;
padding: 0.5em; padding: 0.5em;
margin: 0; margin: 0;
//text-transform: uppercase; //text-transform: uppercase;
&:hover { &:hover {
border-color: $color__border-button-hover; border-color: $color__border-button-hover;
color: $color__white;
}
&:visited {
color: $color__white;
} }
&:active, &:active,
&:focus { &:focus {
border-color: $color__border-button-focus; border-color: $color__border-button-focus;
color: $color__white;
} }
} }
.button-more { //.button-more {
// line-height: 2.5; // display: inline-block;
display: inline-block; // &::after {
&::after { // content: "+";
content: "+"; // display: inline-block;
display: inline-block; // font-weight: bold;
font-weight: bold; // text-align: center;
text-align: center; // }
} // &:hover::after {
&:hover::after { // content: ">";
content: ">"; // }
} //}
} //.more-link {
.more-link { // .button-more {
.button-more { // &::after {
&::after { // font-size: 4rem;
font-size: 4rem; // width: 4rem;
width: 4rem; // }
} // &:hover::after {
&:hover::after { // }
} // }
} //}
}
.category-faq { .category-faq {
.button-more { .button-more {
&::before { &::before {

29
sass/base/elements/_links.scss
View File

@ -1,5 +1,6 @@
a { a {
color: $color__link; color: $color__link;
text-decoration: none;
&:visited { &:visited {
color: $color__link-visited; color: $color__link-visited;
@ -20,20 +21,20 @@ a {
outline: 0; outline: 0;
} }
} }
//a {
a { // &.button {
&.button { // text-decoration: none;
text-decoration: none; // }
} //}
} //.button,
.button, //.excerpt,
.excerpt, //.post-excerpt,
.post-excerpt, //.entry-title,
.entry-title { //.entry-header{
a { // a {
text-decoration: none; // text-decoration: none;
} // }
} //}
//.home-featured,.archive-posts { //.home-featured,.archive-posts {
// .category-faq,.type-xarxaprod-ajut { // .category-faq,.type-xarxaprod-ajut {
// position: relative; // position: relative;

8
sass/base/elements/_lists.scss
View File

@ -27,7 +27,7 @@ dd {
padding: 0; padding: 0;
} }
article:not(.type-post){ .home,article:not(.type-post){
.xarxaprod-label { .xarxaprod-label {
margin: 0; margin: 0;
padding: 0; padding: 0;
@ -36,11 +36,11 @@ article:not(.type-post){
display:inline-block; display:inline-block;
margin:0.1em 0; margin:0.1em 0;
padding: 0.2em 0.2em 0 0.2em; padding: 0.2em 0.2em 0 0.2em;
color: $color__white; color: $color__text-screen;
background-color: $color__black; border: 1px solid $color__black;
background-color: none;
font-family: $font__black; font-family: $font__black;
font-size: $font__size-body*0.7; font-size: $font__size-body*0.7;
text-transform: uppercase;
} }
} }
.item-os_fund_target li { .item-os_fund_target li {

7
sass/components/content/_posts-and-pages.scss
View File

@ -39,16 +39,12 @@
margin:0; margin:0;
} }
.more-link { .more-link {
// display: inline-blocK;
margin-top: 2rem; margin-top: 2rem;
} }
.button-more {
padding:0;
margin:0;
}
} }
/* used in /* used in
* ./template-parts/content-xarxaprod-ajut.php * ./template-parts/content-xarxaprod-ajut.php
* ./template-parts/content-xarxaprod-convo.php
* ./template-parts/section-eachpost.php * ./template-parts/section-eachpost.php
* */ * */
.xarxaprod-fund-info-fields, .xarxaprod-fund-info-fields,
@ -96,7 +92,6 @@
} }
/* filters form custom fields /* filters form custom fields
*/ */
//.xarxaprod-filtered-content, .xarxaprod-filtered-funds, .xarxaprod-filtered-calls {
.xarxaprod-filtered-content { .xarxaprod-filtered-content {
display:grid; display:grid;
grid: 1fr; grid: 1fr;

10
sass/components/navigation/_navigation.scss
View File

@ -189,8 +189,8 @@
display: flex; display: flex;
ul { ul {
background-color: rgba(255,255,255,0.9); background-color: rgba(255,255,255,0.8);
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); //box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left; float: left;
position: absolute; position: absolute;
top: 100%; top: 100%;
@ -247,9 +247,7 @@
justify-content: end; justify-content: end;
ul.sub-menu { ul.sub-menu {
flex-direction: column; flex-direction: column;
padding-top: 2rem; padding: 1rem;
padding-left: 1rem;
padding-bottom: 1rem;
li { li {
margin: 0.5rem 0; margin: 0.5rem 0;
} }
@ -274,7 +272,6 @@
height: 100%; height: 100%;
width: 90%; width: 90%;
margin-top: 2.3em; margin-top: 2.3em;
//border-bottom: 0.3rem solid $color__black;
} }
.menu-item-has-children { .menu-item-has-children {
ul { ul {
@ -285,6 +282,7 @@
padding: 1.5em 0; padding: 1.5em 0;
} }
.menu-item-has-children { .menu-item-has-children {
padding-right: 0.5em;
&::after { &::after {
content: ""; content: "";
display: inline-block; display: inline-block;

10
sass/layouts/_no-sidebar.scss
View File

@ -50,7 +50,9 @@
.home-featured { .home-featured {
padding: 0 1rem; padding: 0 1rem;
} }
.xarxaprod-destacats,.xarxaprod-featured,.archive-posts { .xarxaprod-destacats,.xarxaprod-featured,
.xarxaprod-last-convos,.xarxaprod-ultimes-convocatories,
.archive-posts {
display: grid; display: grid;
grid-template-columns: repeat(1 , 1fr); grid-template-columns: repeat(1 , 1fr);
gap: $grid__gap; gap: $grid__gap;
@ -120,8 +122,10 @@
margin: 0 auto; margin: 0 auto;
} }
} }
.xarxaprod-destacats,.xarxaprod-featured,.archive-posts { .xarxaprod-destacats,.xarxaprod-featured,
grid-template-columns: repeat(4 , 1fr); .xarxaprod-last-convos,.xarxaprod-ultimes-convocatories,
.archive-posts {
grid-template-columns: repeat(3 , 1fr);
} }
.xarxaprod-faqs-aside { .xarxaprod-faqs-aside {
display: flex; display: flex;

2
sass/style.scss
View File

@ -5,7 +5,7 @@ Theme URI: https://git.hangar.org/xarxaprod/
Author: Hangar.org Tech Lab - hangar.org Author: Hangar.org Tech Lab - hangar.org
Author URI: https://hangar.org Author URI: https://hangar.org
Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a> Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a>
Version: 1.0.8 Version: 1.0.9
Tested up to: 6.2 Tested up to: 6.2
Requires PHP: 7.4 Requires PHP: 7.4
License: GNU General Public License v3 or later License: GNU General Public License v3 or later

91
style.css
View File

@ -5,7 +5,7 @@ Theme URI: https://git.hangar.org/xarxaprod/
Author: Hangar.org Tech Lab - hangar.org Author: Hangar.org Tech Lab - hangar.org
Author URI: https://hangar.org Author URI: https://hangar.org
Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a> Description: theme for the <a href="https://xarxaprod.cat">XarxaProd</a>. Inclou la possibilitat de publicar, catalogar i cercar ajuts, resoldre dubtes amb FAQs i altres. Design by Eudald Van der Pla <a href="https://vanderpla.com">vanderpla.com</a>. Coding template and theme by <a href="https://vitrubio.net">Jorge - vitrubio.net</a>
Version: 1.0.8 Version: 1.0.9
Tested up to: 6.2 Tested up to: 6.2
Requires PHP: 7.4 Requires PHP: 7.4
License: GNU General Public License v3 or later License: GNU General Public License v3 or later
@ -834,48 +834,57 @@ dd {
padding: 0; padding: 0;
} }
.home .xarxaprod-label,
article:not(.type-post) .xarxaprod-label { article:not(.type-post) .xarxaprod-label {
margin: 0; margin: 0;
padding: 0; padding: 0;
display: inline; display: inline;
} }
.home .xarxaprod-label li,
article:not(.type-post) .xarxaprod-label li { article:not(.type-post) .xarxaprod-label li {
display: inline-block; display: inline-block;
margin: 0.1em 0; margin: 0.1em 0;
padding: 0.2em 0.2em 0 0.2em; padding: 0.2em 0.2em 0 0.2em;
color: #fff; color: #000;
background-color: #000; border: 1px solid #000;
background-color: none;
font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; font-family: "Neue Haas Grotesk Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
font-size: 0.7rem; font-size: 0.7rem;
text-transform: uppercase;
} }
.home .item-os_fund_target li,
article:not(.type-post) .item-os_fund_target li { article:not(.type-post) .item-os_fund_target li {
background-color: #ff8d76; background-color: #ff8d76;
} }
.home .item-os_fund_source li,
article:not(.type-post) .item-os_fund_source li { article:not(.type-post) .item-os_fund_source li {
background-color: #5bcee8; background-color: #5bcee8;
} }
.home .item-os_fund_field li,
article:not(.type-post) .item-os_fund_field li { article:not(.type-post) .item-os_fund_field li {
background-color: #f6cc4c; background-color: #f6cc4c;
} }
.home .item-os_fund_dates li,
article:not(.type-post) .item-os_fund_dates li { article:not(.type-post) .item-os_fund_dates li {
background-color: #69ed82; background-color: #69ed82;
} }
.home .item-os_fund_call,
article:not(.type-post) .item-os_fund_call { article:not(.type-post) .item-os_fund_call {
display: block; display: block;
margin: 0.2rem 0; margin: 0.2rem 0;
} }
.home .item-os_fund_call li,
article:not(.type-post) .item-os_fund_call li { article:not(.type-post) .item-os_fund_call li {
font-size: 1.2rem; font-size: 1.2rem;
} }
.home .item-os_fund_apply_text,
article:not(.type-post) .item-os_fund_apply_text { article:not(.type-post) .item-os_fund_apply_text {
display: inline-block; display: inline-block;
margin: 0.1em 0; margin: 0.1em 0;
@ -949,6 +958,7 @@ table {
--------------------------------------------- */ --------------------------------------------- */
a { a {
color: #000; color: #000;
text-decoration: none;
} }
a:visited { a:visited {
@ -970,17 +980,6 @@ a:active {
outline: 0; outline: 0;
} }
a.button {
text-decoration: none;
}
.button a,
.excerpt a,
.post-excerpt a,
.entry-title a {
text-decoration: none;
}
/* Forms /* Forms
--------------------------------------------- */ --------------------------------------------- */
button, button,
@ -989,11 +988,11 @@ input[type="reset"],
input[type="submit"], input[type="submit"],
.button, .button,
.wp-block-button__link { .wp-block-button__link {
border: 1px solid; border: 0;
border-color: #000; border-color: #000;
border-radius: 0; border-radius: 0;
background: none; background: #000;
color: #000; color: #fff;
line-height: 1; line-height: 1;
padding: 0.5em; padding: 0.5em;
margin: 0; margin: 0;
@ -1006,6 +1005,16 @@ input[type="submit"]:hover,
.button:hover, .button:hover,
.wp-block-button__link:hover { .wp-block-button__link:hover {
border-color: #111; border-color: #111;
color: #fff;
}
button:visited,
input[type="button"]:visited,
input[type="reset"]:visited,
input[type="submit"]:visited,
.button:visited,
.wp-block-button__link:visited {
color: #fff;
} }
button:active, button:active,
@ -1020,27 +1029,8 @@ input[type="submit"]:focus,
.button:focus, .button:focus,
.wp-block-button__link:active, .wp-block-button__link:active,
.wp-block-button__link:focus { .wp-block-button__link:focus {
border-color: #222; border-color: #333;
} color: #fff;
.button-more {
display: inline-block;
}
.button-more::after {
content: "+";
display: inline-block;
font-weight: 700;
text-align: center;
}
.button-more:hover::after {
content: ">";
}
.more-link .button-more::after {
font-size: 4rem;
width: 4rem;
} }
.category-faq .button-more::before { .category-faq .button-more::before {
@ -1193,6 +1183,8 @@ textarea {
.xarxaprod-destacats, .xarxaprod-destacats,
.xarxaprod-featured, .xarxaprod-featured,
.xarxaprod-last-convos,
.xarxaprod-ultimes-convocatories,
.archive-posts { .archive-posts {
display: grid; display: grid;
grid-template-columns: repeat(1, 1fr); grid-template-columns: repeat(1, 1fr);
@ -1248,8 +1240,10 @@ textarea {
.xarxaprod-destacats, .xarxaprod-destacats,
.xarxaprod-featured, .xarxaprod-featured,
.xarxaprod-last-convos,
.xarxaprod-ultimes-convocatories,
.archive-posts { .archive-posts {
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(3, 1fr);
} }
.xarxaprod-faqs-aside { .xarxaprod-faqs-aside {
@ -1469,8 +1463,7 @@ textarea {
.main-navigation ul ul, .main-navigation ul ul,
.secondary-navigation ul ul { .secondary-navigation ul ul {
background-color: rgba(255, 255, 255, 0.9); background-color: rgba(255, 255, 255, 0.8);
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
float: left; float: left;
position: absolute; position: absolute;
top: 100%; top: 100%;
@ -1531,9 +1524,7 @@ textarea {
.main-navigation ul ul.sub-menu { .main-navigation ul ul.sub-menu {
flex-direction: column; flex-direction: column;
padding-top: 2rem; padding: 1rem;
padding-left: 1rem;
padding-bottom: 1rem;
} }
.main-navigation ul ul.sub-menu li { .main-navigation ul ul.sub-menu li {
@ -1563,6 +1554,10 @@ textarea {
padding: 1.5em 0; padding: 1.5em 0;
} }
.menu-item-has-children {
padding-right: 0.5em;
}
.menu-item-has-children::after { .menu-item-has-children::after {
content: ""; content: "";
display: inline-block; display: inline-block;
@ -1700,13 +1695,9 @@ textarea {
margin-top: 2rem; margin-top: 2rem;
} }
.xarxaprod-card-each .button-more {
padding: 0;
margin: 0;
}
/* used in /* used in
* ./template-parts/content-xarxaprod-ajut.php * ./template-parts/content-xarxaprod-ajut.php
* ./template-parts/content-xarxaprod-convo.php
* ./template-parts/section-eachpost.php * ./template-parts/section-eachpost.php
* */ * */
.xarxaprod-fund-info-fields, .xarxaprod-fund-info-fields,

2
style.css.map
View File

File diff suppressed because one or more lines are too long

17
template-parts/content-xarxaprod-convo.php
View File

@ -78,18 +78,23 @@
<section class="xarxaprod-convo-info-fields"> <section class="xarxaprod-convo-info-fields">
<div class="xarxaprod-convo-info-field"> <div class="xarxaprod-convo-info-field">
<h6>Dirigit a</h6> <h6>Sector</h6>
<?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_convo_target') ); ?> <?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_convo_field') ); ?>
</div> </div>
<div class="xarxaprod-convo-info-field"> <div class="xarxaprod-convo-info-field">
<h6>Tipus d'ajuda</h6> <h6>Territori</h6>
<?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_convo_source') ); ?> <?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_convo_territory') ); ?>
</div> </div>
<div class="xarxaprod-convo-info-field"> <div class="xarxaprod-convo-info-field">
<h6>Sectors</h6> <h6>Serveis</h6>
<?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_convo_field') ); ?> <?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_convo_service') ); ?>
</div>
<div class="xarxaprod-convo-info-field">
<h6>Centre</h6>
<?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_convo_center') ); ?>
</div> </div>
<div class="xarxaprod-convo-info-field"> <div class="xarxaprod-convo-info-field">

1
template-parts/section-eachpost.php
View File

@ -46,6 +46,7 @@
</aside> </aside>
<nav class="more-link"> <nav class="more-link">
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" rel="bookmark" class="button button-more"> <a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" rel="bookmark" class="button button-more">
Més info
<span class="hide"><?php the_title(); ?></span> <span class="hide"><?php the_title(); ?></span>
</a> </a>
</nav> </nav>

84
template-parts/section-last-convos.php Normal file
View File

@ -0,0 +1,84 @@
<?php
/**
* Template part for displaying featured posts or "ajuts" and widgets
*
* @link https://developer.wordpress.org/themes/basics/template-hierarchy/
*
* @package Xarxaprod_theme
*/
?>
<aside id="convos" class="last-convos ultimes-convocatories">
<?php
// Detect plugin. For use on Front End only.
include_once( ABSPATH . 'wp-admin/includes/plugin.php' );
// check for plugin using plugin name
if ( is_plugin_active( 'xarxaprod-wp-plugin/xarxaprod-wp-plugin.php' ) ) {
//plugin is activated do
?>
<header>
<h2> <?php echo esc_html__('Últimes convocatòries', 'xarxaprod'); ?></h2>
</header>
<main class="xarxaprod-last-convos xarxaprod-ultimes-convocatories">
<?php
// https://developer.wordpress.org/reference/functions/get_posts/
// https://www.advancedcustomfields.com/resources/true-false/
$featured_query = new WP_Query(
array(
'post_type' => array( 'xarxaprod-convo' ),
'posts_per_page' => '3'
) );
?>
<?php if ( $featured_query->have_posts() ) : ?>
<?php while ( $featured_query->have_posts() ) : $featured_query->the_post(); ?>
<?php //get_template_part( 'template-parts/section', 'eachpost' ); ?>
<div class="xarxaprod-card-each xarxaprod-convo-info-field">
<header class="entry-header">
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" rel="bookmark" class="">
<?php the_title( '<h3 class="entry-title">', '</h3>' ); ?>
</a>
</header><!-- .entry-header -->
<?php if( get_field('os_convo_apply_begin') || get_field('os_convo_apply_end') ): ?>
<h6>Deadline:
<?php //the_field('os_convo_apply_begin'); ?>
<?php the_field('os_convo_apply_end'); ?>
</h6>
<?php endif; ?>
<?php if( get_field('os_convo_apply_text') ): ?>
<p class="item-os_convo_apply_text"><?php the_field('os_convo_apply_text'); ?></p>
<?php endif; ?>
<section class="excerpt post-excerpt">
<?php the_excerpt() ?>
</section>
<aside class="convo-sector convo-field">
<?php get_template_part( 'template-parts/section', 'list-checkbox', array('iterate_field' => 'os_convo_field') ); ?>
</aside>
<nav class="more-link">
<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" rel="bookmark" class="button button-more">
Més info
<span class="hide"><?php the_title(); ?></span>
</a>
</nav>
</div>
<?php endwhile;//end of the loop ?>
<?php wp_reset_postdata(); ?>
<?php else : //if no post in query ?>
<p class="no-content"></p>
<?php endif; //end query ?>
</main>
<?php } //closing if is_plugin_active ?>
</aside>