Compare commits

...

3 Commits

Author SHA1 Message Date
f24fefa286 fix typo 2025-04-07 16:03:45 +05:00
0e5fa19abb create custom php template for book club landing 2025-04-07 15:47:51 +05:00
d83fc736ff import changes from db 2025-04-07 15:39:08 +05:00
10 changed files with 444 additions and 1 deletions

79
assets/css/static.css Normal file
View File

@ -0,0 +1,79 @@
:root {
--background: #040810;
--foreground-text: #FAF7EF;
--bg-accent: #8E9AEC; /* add 99 at the end for constellation, and 0/50% opacity for radial gradient */
--font-family-serif: "EB Garamond", serif;
--font-family-mono: "Jura", sans-serif;
--font-family-sans: "Sora", sans-serif;
}
html {
background: var(--background);
}
body {
height: 100vh;
font-family: var(--font-family-sans);
color: var(--foreground-text);
margin: 0;
background: radial-gradient(50% 50% at 50% 50%, rgba(142, 154, 236, 0.4) 0%, rgba(142, 154, 236, 0) 100%);
}
a {
color: var(--foreground-text);
}
.btn {
border: 1px solid;
border-radius: 0.85em;
padding: 0.75em 0.5em;
}
.site-navigation {
display: flex;
justify-content: space-between;
padding: 50px;
font-family: var(--font-family-mono);
font-weight: 700;
text-transform: uppercase;
align-items: center;
}
.site-navigation a {
text-decoration: none;
}
.site-navigation a:hover {
text-decoration: underline;
}
.site-navigation .header-logo {
position: absolute;
top: 0;
left: 63px;
}
.site-navigation .logo-spacer {
width: 155px;
}
.site-navigation ul.pages-list {
display: flex;
justify-content: space-between;
list-style-type: none;
gap: 2em;
margin: 0;
padding: 0;
}
.site-navigation .action-buttons {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1em;
}
/* .div {
text-align: center;
padding-block: 20rem;
background: radial-gradient(circle at 85% 50%, rgba(142, 154, 236, 0.40) 0%, rgba(142, 154, 236, 0.00) 50%);
} */
.div h2 {
font-size: 38px;
}
/*# sourceMappingURL=static.css.map */

View File

@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":["../scss/static.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EAEA;EACA;EACA;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EAEA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AACA;EACE;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;AAAA;AAAA;AAAA;AAAA;AAMA;EACE","file":"static.css"}

View File

@ -0,0 +1,6 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="solar:user-bold">
<path id="Vector" d="M9.99935 8.33332C11.8403 8.33332 13.3327 6.84094 13.3327 4.99999C13.3327 3.15904 11.8403 1.66666 9.99935 1.66666C8.1584 1.66666 6.66602 3.15904 6.66602 4.99999C6.66602 6.84094 8.1584 8.33332 9.99935 8.33332Z" fill="#FAF7EF"/>
<path id="Vector_2" d="M16.6673 13.75C16.6673 15.8208 16.6673 17.5 10.0007 17.5C3.33398 17.5 3.33398 15.8208 3.33398 13.75C3.33398 11.6792 6.31898 10 10.0007 10C13.6823 10 16.6673 11.6792 16.6673 13.75Z" fill="#FAF7EF"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 601 B

84
assets/scss/static.scss Normal file
View File

@ -0,0 +1,84 @@
:root {
--background: #040810;
--foreground-text: #FAF7EF;
--bg-accent: #8E9AEC; /* add 99 at the end for constellation, and 0/50% opacity for radial gradient */
--font-family-serif: 'EB Garamond', serif;
--font-family-mono: 'Jura', sans-serif;
--font-family-sans: 'Sora', sans-serif;
}
html {
background: var(--background);
}
body {
height: 100vh;
font-family: var(--font-family-sans);
color: var(--foreground-text);
margin: 0;
// border-radius: 2566px;
background: radial-gradient(50% 50% at 50% 50%, rgba(142, 154, 236, 0.40) 0%, rgba(142, 154, 236, 0.00) 100%);
}
a {
color: var(--foreground-text);
}
.btn {
border: 1px solid;
border-radius: 0.85em;
padding: .75em .5em
}
.site-navigation {
display: flex;
justify-content: space-between;
padding: 50px;
font-family: var(--font-family-mono);
font-weight: 700;
text-transform: uppercase;
align-items: center;
a {
text-decoration: none;
&:hover {
text-decoration: underline;
}
}
.header-logo {
position: absolute;
top: 0;
left: 63px;
}
.logo-spacer {
width: 155px;
}
ul.pages-list {
display: flex;
justify-content: space-between;
list-style-type: none;
gap: 2em;
margin: 0;
padding: 0;
}
.action-buttons {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1em;
}
}
/* .div {
text-align: center;
padding-block: 20rem;
background: radial-gradient(circle at 85% 50%, rgba(142, 154, 236, 0.40) 0%, rgba(142, 154, 236, 0.00) 50%);
} */
.div h2 {
font-size: 38px;
}

View File

@ -15,7 +15,7 @@ add_action('after_setup_theme', 'somosinfinitos_editor_css');
function somosinfinitos_frontend_css() function somosinfinitos_frontend_css()
{ {
wp_enqueue_style('jett_css', get_theme_file_uri('/assets/css/custom.css')); wp_enqueue_style('somos_infinitos_css', get_theme_file_uri('/assets/css/custom.css'));
} }
add_action('wp_enqueue_scripts', 'somosinfinitos_frontend_css'); add_action('wp_enqueue_scripts', 'somosinfinitos_frontend_css');

58
page-book-club.php Normal file
View File

@ -0,0 +1,58 @@
<?php
/**
* Template Name: Book Club Landing
*/
?>
<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="<?= get_theme_file_uri('/assets/css/static.css'); ?>">
<title>Book Club</title>
<?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<?php wp_body_open(); ?>
<header class="site-navigation">
<a class="logo-wrapper" href="/">
<div
class="logo-spacer">
</div>
<img
class="header-logo"
src="<?= get_theme_file_uri('/assets/images/header-logo.svg'); ?>"
alt="Somos Infinitos">
</a>
<nav>
<ul class="pages-list">
<li>
<a href="#">Livros</a>
</li>
<li>
<a href="#">Book Club</a>
</li>
<li>
<a href="#">Mentoria</a>
</li>
<li>
<a href="#">Podcast</a>
</li>
</ul>
</nav>
<nav class="action-buttons">
<a href="#">
<img src="<?= get_theme_file_uri('/assets/images/profile-button.svg'); ?>">
</a>
<a class="join-us-cta btn" href="">Junta-te a nós</a>
</nav>
</header>
<?php wp_footer(); ?>
</body>
</html>

View File

@ -0,0 +1,49 @@
<!-- wp:group {"metadata":{"categories":["woo-commerce"],"patternName":"woocommerce-blocks/footer-large","name":"Large Footer"},"align":"full","className":"wc-blocks-pattern-footer-large wc-blocks-footer-pattern","style":{"spacing":{"padding":{"top":"40px","right":"40px","bottom":"40px","left":"40px"},"blockGap":"40px"}}} -->
<div class="wp-block-group alignfull wc-blocks-pattern-footer-large wc-blocks-footer-pattern"
style="padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px">
<!-- wp:columns {"align":"wide","style":{"spacing":{"blockGap":"32px","padding":{"right":"0px","left":"0px"}}}} -->
<div class="wp-block-columns alignwide" style="padding-right:0px;padding-left:0px">
<!-- wp:column {"width":"60%","style":{"spacing":{"padding":{"right":"50px"}}}} -->
<div class="wp-block-column" style="padding-right:50px;flex-basis:60%">
<!-- wp:group {"style":{"spacing":{"blockGap":"8px"}},"layout":{"type":"flex","orientation":"vertical"}} -->
<div class="wp-block-group"><!-- wp:site-logo /-->
<!-- wp:heading {"level":5,"style":{"typography":{"textTransform":"none"},"spacing":{"margin":{"top":"40px"}}}} -->
<h5 class="wp-block-heading" style="margin-top:40px;text-transform:none">Join the community</h5>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"40px"}}}} -->
<p style="margin-bottom:40px">Learn about new products and discounts</p>
<!-- /wp:paragraph -->
<!-- wp:social-links {"iconColor":"foreground","iconColorValue":"#FAF7EF","size":"has-small-icon-size","className":"has-icon-color is-style-logos-only","style":{"spacing":{"blockGap":{"left":"16px"}}}} -->
<ul class="wp-block-social-links has-small-icon-size has-icon-color is-style-logos-only">
<!-- wp:social-link {"url":"https://www.facebook.com","service":"facebook","className":"has-contrast-color"} /-->
<!-- wp:social-link {"url":"https://www.x.com","service":"x","className":"has-contrast-color"} /-->
<!-- wp:social-link {"url":"https://www.instagram.com","service":"instagram","className":"has-contrast-color"} /-->
</ul>
<!-- /wp:social-links -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"20%","style":{"spacing":{"padding":{"top":"0px"}}}} -->
<div class="wp-block-column" style="padding-top:0px;flex-basis:20%"></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"top","width":"20%","style":{"spacing":{"blockGap":"16px"}}} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:20%"></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"top","width":"20%","style":{"spacing":{"blockGap":"16px"}}} -->
<div class="wp-block-column is-vertically-aligned-top" style="flex-basis:20%">
<!-- wp:navigation {"ref":5,"overlayMenu":"never","style":{"spacing":{"blockGap":"10px"}},"layout":{"overlayMenu":"never","type":"flex","orientation":"vertical"}} /-->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->

View File

@ -0,0 +1,20 @@
<!-- wp:group {"style":{"spacing":{"padding":{"left":"3rem","right":"6rem"}}},"fontSize":"tiny","fontFamily":"jura","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group has-jura-font-family has-tiny-font-size" style="padding-right:6rem;padding-left:3rem">
<!-- wp:site-logo {"shouldSyncIcon":true} /-->
<!-- wp:navigation {"ref":5,"metadata":{"ignoredHookedBlocks":["woocommerce/mini-cart"]},"style":{"typography":{"textTransform":"uppercase","fontStyle":"normal","fontWeight":"700"}},"fontSize":"tiny","fontFamily":"jura"} /-->
<!-- wp:group {"layout":{"type":"flex","flexWrap":"nowrap"}} -->
<div class="wp-block-group">
<!-- wp:woocommerce/customer-account {"displayStyle":"icon_only","iconClass":"wc-block-customer-account__account-icon"} /-->
<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button">Junta-te a nós</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:group -->

View File

@ -0,0 +1,106 @@
<!-- wp:template-part {"slug":"header","theme":"somos-infinitos-theme","area":"header"} /-->
<!-- wp:group {"metadata":{"name":"Hero Section"},"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:spacer {"height":"160px"} -->
<div style="height:160px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:columns {"align":"full"} -->
<div class="wp-block-columns alignfull"><!-- wp:column {"width":"20%"} -->
<div class="wp-block-column" style="flex-basis:20%"></div>
<!-- /wp:column -->
<!-- wp:column {"width":"40%"} -->
<div class="wp-block-column" style="flex-basis:40%"><!-- wp:heading -->
<h2 class="wp-block-heading">Um espaço de expansão.</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Esta é a tua plataforma para crescer, <br>evoluir e criar uma vida alinhada com a tua verdade.</p>
<!-- /wp:paragraph -->
</div>
<!-- /wp:column -->
<!-- wp:column {"width":"40%","layout":{"type":"default"}} -->
<div class="wp-block-column" style="flex-basis:40%">
<!-- wp:image {"id":107,"sizeSlug":"full","linkDestination":"none","align":"right","className":"pcss-233d4f9f","pcssAdditionalCss":"[block] {\n img {\nborder-top-right-radius: 0; border-bottom-right-radius: 0;\n border-right: none;\n }\n}","pcssAdditionalCssCompiled":".pcss-233d4f9f{\u0026 img{border-right:none;border-top-right-radius:0;border-bottom-right-radius:0}}","pcssClassId":"pcss-233d4f9f"} -->
<figure class="wp-block-image alignright size-full pcss-233d4f9f"><img
src="https://somos-infinitos.local/wp-content/uploads/2025/04/IGNITE_04JAN_SARAHAWKKK_DSC00509-1.jpg" alt=""
class="wp-image-107" /></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
</div>
<!-- /wp:group -->
<!-- wp:group {"metadata":{"name":"Bio"},"layout":{"type":"default"}} -->
<div class="wp-block-group"><!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
<!-- wp:group {"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:columns {"style":{"spacing":{"blockGap":{"left":"var:preset|spacing|70"}}}} -->
<div class="wp-block-columns"><!-- wp:column {"verticalAlignment":"stretch","width":"40%"} -->
<div class="wp-block-column is-vertically-aligned-stretch" style="flex-basis:40%">
<!-- wp:image {"id":117,"width":"auto","height":"500px","sizeSlug":"full","linkDestination":"none"} -->
<figure class="wp-block-image size-full is-resized"><img
src="https://somos-infinitos.local/wp-content/uploads/2025/04/ddc82dfb1a397f65f9a0af4518b18d32-1-scaled.jpg"
alt="" class="wp-image-117" style="width:auto;height:500px" /></figure>
<!-- /wp:image -->
</div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"center","width":"60%","layout":{"type":"default"}} -->
<div class="wp-block-column is-vertically-aligned-center" style="flex-basis:60%"><!-- wp:heading -->
<h2 class="wp-block-heading">Do Caos à Clareza: A visão de Noor</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p>Acredito que dentro de cada um de nós existe um potencial infinito, pronto para ser revelado e despertado.
</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Para mim, a vida não se trata apenas de crescer, mas de expandir — ultrapassar limites, questionar padrões e
criar um caminho autêntico e intencional.</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p>Tudo o que faço, desde as palavras que partilho aos projetos que crio, reflete a minha visão: elevar
consciências, desafiar zonas de conforto, quebrar crenças e conectar as pessoas ao que realmente importa.</p>
<!-- /wp:paragraph -->
<!-- wp:buttons -->
<div class="wp-block-buttons">
<!-- wp:button {"style":{"spacing":{"padding":{"left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}}} -->
<div class="wp-block-button"><a class="wp-block-button__link wp-element-button"
style="padding-right:var(--wp--preset--spacing--50);padding-left:var(--wp--preset--spacing--50)">Descobre
a nossa história</a></div>
<!-- /wp:button -->
</div>
<!-- /wp:buttons -->
</div>
<!-- /wp:column -->
</div>
<!-- /wp:columns -->
</div>
<!-- /wp:group -->
<!-- wp:spacer -->
<div style="height:100px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->
</div>
<!-- /wp:group -->
<!-- wp:spacer {"height":"500px"} -->
<div style="height:500px" aria-hidden="true" class="wp-block-spacer"></div>
<!-- /wp:spacer -->

View File

@ -0,0 +1,40 @@
<!-- wp:template-part {"slug":"header","theme":"somos-infinitos-theme","area":"header"} /-->
<!-- wp:query {"queryId":1,"query":{"perPage":3,"pages":0,"offset":0,"postType":"post","order":"desc","orderBy":"date","author":"","search":"","exclude":[],"sticky":"","inherit":false},"align":"full","layout":{"type":"default"}} -->
<div class="wp-block-query alignfull">
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"0","right":"var:preset|spacing|40","bottom":"var:preset|spacing|40","left":"var:preset|spacing|40"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group alignfull"
style="padding-top:0;padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<!-- wp:post-template {"align":"full","style":{"typography":{"textTransform":"none"}},"layout":{"type":"constrained"}} -->
<!-- wp:group {"style":{"spacing":{"blockGap":"0","padding":{"bottom":"var:preset|spacing|50"}}},"layout":{"type":"default"}} -->
<div class="wp-block-group" style="padding-bottom:var(--wp--preset--spacing--50)">
<!-- wp:group {"style":{"border":{"bottom":{"color":"var:preset|color|contrast","width":"4px"}},"spacing":{"padding":{"top":"var:preset|spacing|30","right":"0","bottom":"var:preset|spacing|30","left":"0"}}},"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<div class="wp-block-group"
style="border-bottom-color:var(--wp--preset--color--contrast);border-bottom-width:4px;padding-top:var(--wp--preset--spacing--30);padding-right:0;padding-bottom:var(--wp--preset--spacing--30);padding-left:0">
<!-- wp:post-date {"textAlign":"left","format":"m.j","style":{"spacing":{"margin":{"top":"0","right":"0","bottom":"0","left":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"typography":{"letterSpacing":"1px","fontSize":"2rem","fontStyle":"normal","fontWeight":"600"}},"textColor":"contrast"} /-->
<!-- wp:post-date {"textAlign":"left","format":"Y","style":{"spacing":{"margin":{"top":"0","right":"0","bottom":"0","left":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"typography":{"letterSpacing":"1px","fontSize":"2rem","fontStyle":"normal","fontWeight":"600"}},"textColor":"contrast"} /-->
</div>
<!-- /wp:group -->
<!-- wp:post-title {"isLink":true,"style":{"layout":{"selfStretch":"fit"},"typography":{"lineHeight":"1.1","fontSize":"4.6rem","fontStyle":"normal","fontWeight":"600"},"elements":{"link":{"color":{"text":"var:preset|color|contrast"}}},"spacing":{"padding":{"top":"var:preset|spacing|30"}}},"textColor":"contrast"} /-->
</div>
<!-- /wp:group -->
<!-- /wp:post-template -->
</div>
<!-- /wp:group -->
<!-- wp:group {"style":{"spacing":{"padding":{"top":"var:preset|spacing|40","bottom":"var:preset|spacing|40","right":"var:preset|spacing|40","left":"var:preset|spacing|40"},"margin":{"top":"0","bottom":"0"}},"elements":{"link":{"color":{"text":"var:preset|color|foreground"}}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-link-color"
style="margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--40);padding-right:var(--wp--preset--spacing--40);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--40)">
<!-- wp:query-pagination {"layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between"}} -->
<!-- wp:query-pagination-previous {"style":{"typography":{"fontSize":"2rem","fontStyle":"normal","fontWeight":"600","textTransform":"uppercase","letterSpacing":"1px"}}} /-->
<!-- wp:query-pagination-next {"style":{"typography":{"fontSize":"2rem","fontStyle":"normal","fontWeight":"600","textTransform":"uppercase","letterSpacing":"1px"}}} /-->
<!-- /wp:query-pagination -->
</div>
<!-- /wp:group -->
</div>
<!-- /wp:query -->
<!-- wp:template-part {"slug":"footer","theme":"somos-infinitos-theme","area":"footer"} /-->