Merge branch 'main' of github.com:Vincent-Design-Inc/VDI-Starter-v5

This commit is contained in:
Keith Solomon
2025-11-17 14:00:37 -06:00
2 changed files with 188 additions and 4 deletions

184
theme.json Normal file
View File

@@ -0,0 +1,184 @@
{
"$schema": "https://schemas.wp.org/trunk/theme.json",
"version": 3,
"settings": {
"layout": {
"contentSize": "840px",
"wideSize": "1536px"
},
"color": {
"palette": [
{
"slug": "black",
"color": "#000",
"name": "Black"
},
{
"slug": "white",
"color": "#fff",
"name": "White"
},
{
"slug": "theme-bg",
"color": "var(--color-background)",
"name": "Theme Background"
},
{
"slug": "theme-text",
"color": "var(--color-text)",
"name": "Theme Text"
},
{
"slug": "theme-primary",
"color": "var(--color-primary)",
"name": "Theme Primary"
},
{
"slug": "theme-secondary",
"color": "var(--color-secondary)",
"name": "Theme Secondary"
},
{
"slug": "theme-bodylinks",
"color": "var(--color-bodylinks)",
"name": "Theme Body Links"
},
{
"slug": "theme-footerlinks",
"color": "var(--color-footlinks)",
"name": "Theme Footer Links"
},
{
"slug": "theme-success",
"color": "var(--color-success)",
"name": "Theme Success"
},
{
"slug": "theme-warning",
"color": "var(--color-warning)",
"name": "Theme Warning"
},
{
"slug": "theme-danger",
"color": "var(--color-danger)",
"name": "Theme Danger"
},
{
"slug": "theme-info",
"color": "var(--color-info)",
"name": "Theme Info"
}
]
},
"typography": {
"fontFamilies": [
{
"fontFamily": "var(--font-sans)",
"slug": "theme-sans",
"name": "Theme Sans"
}
],
"fontSizes": [
{
"slug": "base",
"size": "var(--text-base)",
"name": "Base"
},
{
"slug": "text-14px",
"size": "var(--text-14px)",
"name": "Text 14px"
},
{
"slug": "text-16px",
"size": "var(--text-16px)",
"name": "Text 16px"
},
{
"slug": "text-18px",
"size": "var(--text-18px)",
"name": "Text 18px"
},
{
"slug": "text-20px",
"size": "var(--text-20px)",
"name": "Text 20px"
},
{
"slug": "text-22px",
"size": "var(--text-22px)",
"name": "Text 22px"
},
{
"slug": "text-25px",
"size": "var(--text-25px)",
"name": "Text 25px"
},
{
"slug": "text-30px",
"size": "var(--text-30px)",
"name": "Text 30px"
},
{
"slug": "text-35px",
"size": "var(--text-35px)",
"name": "Text 35px"
},
{
"slug": "text-38px",
"size": "var(--text-38px)",
"name": "Text 38px"
},
{
"slug": "text-40px",
"size": "var(--text-40px)",
"name": "Text 40px"
},
{
"slug": "text-45px",
"size": "var(--text-45px)",
"name": "Text 45px"
},
{
"slug": "text-50px",
"size": "var(--text-50px)",
"name": "Text 50px"
},
{
"slug": "text-70px",
"size": "var(--text-70px)",
"name": "Text 70px"
},
{
"slug": "text-75px",
"size": "var(--text-75px)",
"name": "Text 75px"
}
],
"lineHeight": true
},
"spacing": {
"padding": true,
"margin": true,
"units": [ "px", "em", "rem", "vh", "vw", "%" ]
}
},
"styles": {
"color": {
"background": "var(--wp--preset--color--background)",
"text": "var(--wp--preset--color--text)"
},
"elements": {
"link": {
"color": {
"text": "var(--wp--preset--color--theme-bodylinks)"
}
}
},
"typography": {
"fontSize": "var(--wp--preset--font-size--base)",
"fontFamily": "var(--wp--preset--font-family--theme-sans)",
"lineHeight": "1.5"
}
}
}

View File

@@ -28,19 +28,19 @@ if ( ! $is_preview ) {
<h2 class="text-2xl font-bold mb-4">Contact Information</h2> <h2 class="text-2xl font-bold mb-4">Contact Information</h2>
<div class="not-prose text-black my-4"> <div class="not-prose text-black my-4">
<h3 class="mb-2"><?php echo esc_html__( 'Mailing Address', 'basicwp' ); ?></h3> <h3 class="mb-0"><?php echo esc_html__( 'Mailing Address', 'basicwp' ); ?></h3>
<p class="my-0.5"><?php echo wp_kses_post( get_field( 'contact_info', 'option' )['address'] ); ?></p> <p class="my-0.5"><?php echo wp_kses_post( get_field( 'contact_info', 'option' )['address'] ); ?></p>
<h3 class="mb-2"><?php echo esc_html__( 'Email', 'basicwp' ); ?></h3> <h3 class="mb-0"><?php echo esc_html__( 'Email', 'basicwp' ); ?></h3>
<p class="my-0.5"><a class="hover:opacity-80 transition-colors duration-100" href="mailto:<?php echo esc_html( get_field( 'contact_info', 'option' )['email'] ); ?>"><?php echo esc_html( get_field( 'contact_info', 'option' )['email'] ); ?></a></p> <p class="my-0.5"><a class="hover:opacity-80 transition-colors duration-100" href="mailto:<?php echo esc_html( get_field( 'contact_info', 'option' )['email'] ); ?>"><?php echo esc_html( get_field( 'contact_info', 'option' )['email'] ); ?></a></p>
<h3 class="mb-2"><?php echo esc_html__( 'Phone', 'basicwp' ); ?></h3> <h3 class="mb-0"><?php echo esc_html__( 'Phone', 'basicwp' ); ?></h3>
<p class="my-0.5"><a class="hover:opacity-80 transition-colors duration-100" href="tel:<?php echo esc_html( get_field( 'contact_info', 'option' )['phone'] ); ?>"><?php echo esc_html( get_field( 'contact_info', 'option' )['phone'] ); ?></a></p> <p class="my-0.5"><a class="hover:opacity-80 transition-colors duration-100" href="tel:<?php echo esc_html( get_field( 'contact_info', 'option' )['phone'] ); ?>"><?php echo esc_html( get_field( 'contact_info', 'option' )['phone'] ); ?></a></p>
</div> </div>
</div> </div>
<div class="w-full lg:w-1/2 p-6"> <div class="w-full lg:w-1/2 p-6">
<innerBlocks /> <InnerBlocks />
</div> </div>
</div> </div>
</section> </section>