Skip to content

Commit 51e8a7c

Browse files
author
Ariel Jolo
committed
Adding new blocks
1 parent 87ab36b commit 51e8a7c

File tree

2 files changed

+60
-130
lines changed

2 files changed

+60
-130
lines changed

‎themes/osi/functions.php‎

Lines changed: 0 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -496,20 +496,3 @@ function osi_register_block_template() {
496496
});
497497
}
498498
add_action('init', 'osi_register_block_template');
499-
500-
501-
function register_custom_blocks() {
502-
// Register the block editor script
503-
wp_register_script(
504-
'custom-blocks-js',
505-
get_template_directory_uri() . '/blocks/about-area/index.js', // Path to your block's JavaScript file
506-
['wp-blocks', 'wp-element', 'wp-editor', 'wp-components'], // Dependencies
507-
filemtime(get_template_directory() . '/blocks/about-area/index.js') // Versioning
508-
);
509-
510-
// Register the block
511-
register_block_type('custom/about-area', [
512-
'editor_script' => 'custom-blocks-js',
513-
]);
514-
}
515-
add_action('init', 'register_custom_blocks');

‎themes/osi/inc/block-patterns.php‎

Lines changed: 60 additions & 113 deletions
Original file line numberDiff line numberDiff line change
@@ -8,130 +8,77 @@
88
);
99
});
1010

11-
function register_osi_patterns() {
11+
function register_about_area_pattern() {
1212
register_block_pattern(
13-
'osi/ai-header',
13+
'custom/about-area',
1414
[
15-
'title' => __('AI Header', 'osi'),
16-
'description' => __('Reusable header for AI template.', 'osi'),
15+
'title' => __('About Area', 'your-text-domain'),
16+
'description' => __('A reusable section with tabs and custom content.', 'your-text-domain'),
1717
'categories' => ['ai'],
18-
'content' => <<<HTML
19-
<!-- wp:group {"align":"full","className":"header-header-two"} -->
20-
<div class="wp-block-group alignfull header-header-two">
21-
<!-- wp:columns {"className":"header-top"} -->
22-
<div class="wp-block-columns header-top">
23-
<!-- wp:column -->
24-
<div class="wp-block-column">
25-
<!-- wp:navigation {"orientation":"horizontal"} -->
26-
<ul class="wp-block-navigation">
27-
<!-- wp:navigation-link {"label":"About","url":"https://opensource.org/about"} /-->
28-
<!-- wp:navigation-link {"label":"Open Source Definition","url":"https://opensource.org/osd"} /-->
29-
<!-- wp:navigation-link {"label":"Licenses","url":"https://opensource.org/licenses"} /-->
30-
<!-- wp:navigation-link {"label":"Blog","url":"https://opensource.org/blog"} /-->
31-
<!-- wp:navigation-link {"label":"Programs","url":"https://opensource.org/programs"} /-->
32-
<!-- wp:navigation-link {"label":"Join","url":"https://members.opensource.org/join/"} /-->
33-
</ul>
34-
<!-- /wp:navigation -->
35-
</div>
36-
<!-- /wp:column -->
37-
<!-- wp:column -->
38-
<div class="wp-block-column">
39-
<!-- wp:social-links {"iconColor":"primary","iconBackgroundColor":"background","className":"social-header-top-h2"} -->
40-
<ul class="wp-block-social-links social-header-top-h2">
41-
<!-- wp:social-link {"url":"https://go.opensource.org/mastodon","service":"mastodon"} /-->
42-
<!-- wp:social-link {"url":"https://bsky.app/profile/opensource.org","service":"bluesky"} /-->
43-
<!-- wp:social-link {"url":"https://www.linkedin.com/company/open-source-initiative-osi-","service":"linkedin"} /-->
44-
<!-- wp:social-link {"url":"https://www.reddit.com/user/opensourceinitiative/","service":"reddit"} /-->
45-
</ul>
46-
<!-- /wp:social-links -->
47-
</div>
48-
<!-- /wp:column -->
49-
</div>
50-
<!-- /wp:columns -->
51-
</div>
52-
<!-- /wp:group -->
53-
HTML,
54-
]
55-
);
56-
57-
register_block_pattern(
58-
'osi/ai-banner',
59-
[
60-
'title' => __('AI Banner', 'osi'),
61-
'description' => __('Reusable banner for the AI template.', 'osi'),
62-
'content' => '<!-- wp:group {"align":"full"} -->
63-
<div class="wp-block-group alignfull banner-area-start">
18+
'content' => '
19+
<!-- rts about area start -->
20+
<div class="rts-about-area rts-section-gap">
6421
<div class="container">
6522
<div class="row align-items-center">
66-
<div class="col-lg-12">
67-
<div class="banner-solar-energy-inner">
68-
<h1 class="title">The Open Source AI Definition 1.0</h1>
69-
<p class="disc">We have released the first stable version of the Definition.</p>
70-
<div class="button-area">
71-
<a href="https://go.opensource.org/osaid-latest" class="rts-btn btn-primary bg-w">Read version 1.0</a>
23+
<div class="col-lg-7 mt_md--30 mt_sm--40">
24+
<div class="about-right-content-area-solar-energy">
25+
<div class="title-area-left">
26+
<h2 class="title skew-up">What\'s Open Source AI?</h2>
27+
<p>Following the same idea behind Open Source Software,<br />an Open Source AI is a system made available under terms that grant users the freedoms to:</p>
28+
</div>
29+
<ul class="nav custom-nav-soalr-about nav-pills" id="pills-tab" role="tablist">
30+
<li class="nav-item" role="presentation">
31+
<button class="nav-link active" id="pills-use-tab" data-bs-toggle="pill" data-bs-target="#pills-use" type="button" role="tab" aria-controls="pills-use" aria-selected="true">Use</button>
32+
</li>
33+
<li class="nav-item" role="presentation">
34+
<button class="nav-link" id="pills-study-tab" data-bs-toggle="pill" data-bs-target="#pills-study" type="button" role="tab" aria-controls="pills-study" aria-selected="false">Study</button>
35+
</li>
36+
<li class="nav-item" role="presentation">
37+
<button class="nav-link" id="pills-modify-tab" data-bs-toggle="pill" data-bs-target="#pills-modify" type="button" role="tab" aria-controls="pills-modify" aria-selected="false">Modify</button>
38+
</li>
39+
<li class="nav-item" role="presentation">
40+
<button class="nav-link" id="pills-share-tab" data-bs-toggle="pill" data-bs-target="#pills-share" type="button" role="tab" aria-controls="pills-share" aria-selected="false">Share</button>
41+
</li>
42+
</ul>
43+
<div class="tab-content" id="pills-tabContent">
44+
<div class="tab-pane fade show active" id="pills-use" role="tabpanel" aria-labelledby="pills-use-tab">
45+
<div class="single-about-content-solar">
46+
<p class="disc">
47+
<strong>Use the system for any purpose and<br />without having to ask for permission.</strong>
48+
</p>
49+
</div>
50+
</div>
51+
<div class="tab-pane fade" id="pills-study" role="tabpanel" aria-labelledby="pills-study-tab">
52+
<div class="single-about-content-solar">
53+
<p class="disc">
54+
<strong>Study how the system works and<br />understand how its results were created.</strong>
55+
</p>
56+
</div>
57+
</div>
58+
<div class="tab-pane fade" id="pills-modify" role="tabpanel" aria-labelledby="pills-modify-tab">
59+
<div class="single-about-content-solar">
60+
<p class="disc">
61+
<strong>Modify the system for any purpose,<br />including to change its output.</strong>
62+
</p>
63+
</div>
64+
</div>
65+
<div class="tab-pane fade" id="pills-share" role="tabpanel" aria-labelledby="pills-share-tab">
66+
<div class="single-about-content-solar">
67+
<p class="disc">
68+
<strong>Share the system for others to use with<br />or without modifications, for any purpose.</strong>
69+
</p>
70+
</div>
71+
</div>
72+
<p>Precondition to exercise these freedoms is to have access to<br />the preferred form to make modifications to the system, and to the means to use it.</p>
7273
</div>
7374
</div>
7475
</div>
7576
</div>
7677
</div>
7778
</div>
78-
<!-- /wp:group -->',
79-
]
80-
);
81-
82-
register_block_pattern(
83-
'osi/ai-about',
84-
[
85-
'title' => __('AI About Section', 'osi'),
86-
'description' => __('What is Open Source AI?', 'osi'),
87-
'content' => '<!-- wp:group {"align":"full"} -->
88-
<div class="wp-block-group alignfull rts-about-area">
89-
<div class="container">
90-
<h2>What\'s Open Source AI?</h2>
91-
<p>
92-
Following the same idea behind Open Source Software, Open Source AI is a system made available under terms that grant users the freedoms to:
93-
</p>
94-
<ul>
95-
<li>Use the system for any purpose</li>
96-
<li>Study how the system works</li>
97-
<li>Modify the system for any purpose</li>
98-
<li>Share the system with others</li>
99-
</ul>
100-
</div>
101-
</div>
102-
<!-- /wp:group -->',
103-
]
104-
);
105-
106-
register_block_pattern(
107-
'osi/ai-footer',
108-
[
109-
'title' => __('AI Footer', 'osi'),
110-
'description' => __('Reusable footer for the AI template.', 'osi'),
111-
'content' => '<!-- wp:group {"align":"full"} -->
112-
<div class="wp-block-group alignfull rts-footer-one footer-bg-one">
113-
<div class="container">
114-
<div class="row g-0 bg-cta-footer-one">
115-
<div class="col-lg-3">
116-
<img src="https://opensourceorg.github.io/ai/assets/images/osi-horizontal-white.svg" alt="logo">
117-
</div>
118-
<div class="col-lg-3">
119-
<a href="https://opensource.org/join/" class="rts-btn btn-primary">Join Us</a>
120-
</div>
121-
<div class="col-lg-3">
122-
<ul>
123-
<li><a href="https://go.opensource.org/mastodon"><i class="fa-brands fa-mastodon"></i></a></li>
124-
<li><a href="https://bsky.app/profile/opensource.org"><i class="fa-brands fa-bluesky"></i></a></li>
125-
<li><a href="https://www.linkedin.com/company/open-source-initiative-osi-"><i class="fa-brands fa-linkedin-in"></i></a></li>
126-
<li><a href="https://www.reddit.com/user/opensourceinitiative/"><i class="fa-brands fa-reddit"></i></a></li>
127-
</ul>
128-
</div>
129-
</div>
130-
<p>&copy; ' . date('Y') . ' The Open Source Initiative. All Rights Reserved.</p>
131-
</div>
132-
</div>
133-
<!-- /wp:group -->',
79+
<!-- rts about area end -->
80+
',
13481
]
13582
);
13683
}
137-
add_action('init', 'register_osi_patterns');
84+
add_action('init', 'register_about_area_pattern');

0 commit comments

Comments
 (0)