Skip to content

Commit 36ddf5c

Browse files
author
Ariel Jolo
committed
Adding patterns
1 parent 8ec6e69 commit 36ddf5c

File tree

1 file changed

+107
-16
lines changed

1 file changed

+107
-16
lines changed

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

Lines changed: 107 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -4,12 +4,91 @@ function register_osi_patterns() {
44
'osi/ai-header',
55
[
66
'title' => __('AI Header', 'osi'),
7-
'description' => __('Reusable header for AI template.', 'osi'),
7+
'description' => __('Reusable header for the AI template.', 'osi'),
88
'content' => '<!-- wp:group {"align":"full"} -->
9-
<div class="wp-block-group alignfull">
10-
<!-- wp:paragraph {"align":"center"} -->
11-
<p class="has-text-align-center">AI Header Content Here</p>
12-
<!-- /wp:paragraph -->
9+
<div class="wp-block-group alignfull header-header-two">
10+
<div class="header-two-solari header-top">
11+
<div class="container">
12+
<div class="row">
13+
<div class="col-lg-12">
14+
<div class="header-top-m">
15+
<div class="left">
16+
<nav>
17+
<ul>
18+
<li><a href="https://opensource.org/about">About</a></li>
19+
<li><a href="https://opensource.org/osd">Open Source Definition</a></li>
20+
<li><a href="https://opensource.org/licenses">Licenses</a></li>
21+
<li><a href="https://opensource.org/blog">Blog</a></li>
22+
<li><a href="https://opensource.org/programs">Programs</a></li>
23+
<li><a href="https://members.opensource.org/join/">Join</a></li>
24+
</ul>
25+
</nav>
26+
</div>
27+
<div class="right">
28+
<div class="social-header-top-h2">
29+
<span>Follow us:</span>
30+
<ul>
31+
<li><a href="https://go.opensource.org/mastodon"><i class="fa-brands fa-mastodon"></i></a></li>
32+
<li><a href="https://bsky.app/profile/opensource.org"><i class="fa-brands fa-bluesky"></i></a></li>
33+
<li><a href="https://www.linkedin.com/company/open-source-initiative-osi-"><i class="fa-brands fa-linkedin-in"></i></a></li>
34+
<li><a href="https://www.reddit.com/user/opensourceinitiative/"><i class="fa-brands fa-reddit"></i></a></li>
35+
</ul>
36+
</div>
37+
</div>
38+
</div>
39+
</div>
40+
</div>
41+
</div>
42+
</div>
43+
</div>
44+
<!-- /wp:group -->',
45+
]
46+
);
47+
48+
register_block_pattern(
49+
'osi/ai-banner',
50+
[
51+
'title' => __('AI Banner', 'osi'),
52+
'description' => __('Reusable banner for the AI template.', 'osi'),
53+
'content' => '<!-- wp:group {"align":"full"} -->
54+
<div class="wp-block-group alignfull banner-area-start">
55+
<div class="container">
56+
<div class="row align-items-center">
57+
<div class="col-lg-12">
58+
<div class="banner-solar-energy-inner">
59+
<h1 class="title">The Open Source AI Definition 1.0</h1>
60+
<p class="disc">We have released the first stable version of the Definition.</p>
61+
<div class="button-area">
62+
<a href="https://go.opensource.org/osaid-latest" class="rts-btn btn-primary bg-w">Read version 1.0</a>
63+
</div>
64+
</div>
65+
</div>
66+
</div>
67+
</div>
68+
</div>
69+
<!-- /wp:group -->',
70+
]
71+
);
72+
73+
register_block_pattern(
74+
'osi/ai-about',
75+
[
76+
'title' => __('AI About Section', 'osi'),
77+
'description' => __('What is Open Source AI?', 'osi'),
78+
'content' => '<!-- wp:group {"align":"full"} -->
79+
<div class="wp-block-group alignfull rts-about-area">
80+
<div class="container">
81+
<h2>What\'s Open Source AI?</h2>
82+
<p>
83+
Following the same idea behind Open Source Software, Open Source AI is a system made available under terms that grant users the freedoms to:
84+
</p>
85+
<ul>
86+
<li>Use the system for any purpose</li>
87+
<li>Study how the system works</li>
88+
<li>Modify the system for any purpose</li>
89+
<li>Share the system with others</li>
90+
</ul>
91+
</div>
1392
</div>
1493
<!-- /wp:group -->',
1594
]
@@ -19,18 +98,30 @@ function register_osi_patterns() {
1998
'osi/ai-footer',
2099
[
21100
'title' => __('AI Footer', 'osi'),
22-
'description' => __('Reusable footer for AI template.', 'osi'),
101+
'description' => __('Reusable footer for the AI template.', 'osi'),
23102
'content' => '<!-- wp:group {"align":"full"} -->
24-
<div class="wp-block-group alignfull">
25-
<p>&copy; ' . date('Y') . ' The Open Source Initiative</p>
26-
<ul class="wp-block-social-links">
27-
<li><a href="https://go.opensource.org/mastodon">Mastodon</a></li>
28-
<li><a href="https://bsky.app/profile/opensource.org">Bluesky</a></li>
29-
<li><a href="https://www.linkedin.com/company/open-source-initiative-osi-">LinkedIn</a></li>
30-
<li><a href="https://www.reddit.com/user/opensourceinitiative/">Reddit</a></li>
31-
</ul>
32-
</div>
33-
<!-- /wp:group -->',
103+
<div class="wp-block-group alignfull rts-footer-one footer-bg-one">
104+
<div class="container">
105+
<div class="row g-0 bg-cta-footer-one">
106+
<div class="col-lg-3">
107+
<img src="https://opensourceorg.github.io/ai/assets/images/osi-horizontal-white.svg" alt="logo">
108+
</div>
109+
<div class="col-lg-3">
110+
<a href="https://opensource.org/join/" class="rts-btn btn-primary">Join Us</a>
111+
</div>
112+
<div class="col-lg-3">
113+
<ul>
114+
<li><a href="https://go.opensource.org/mastodon"><i class="fa-brands fa-mastodon"></i></a></li>
115+
<li><a href="https://bsky.app/profile/opensource.org"><i class="fa-brands fa-bluesky"></i></a></li>
116+
<li><a href="https://www.linkedin.com/company/open-source-initiative-osi-"><i class="fa-brands fa-linkedin-in"></i></a></li>
117+
<li><a href="https://www.reddit.com/user/opensourceinitiative/"><i class="fa-brands fa-reddit"></i></a></li>
118+
</ul>
119+
</div>
120+
</div>
121+
<p>&copy; ' . date('Y') . ' The Open Source Initiative. All Rights Reserved.</p>
122+
</div>
123+
</div>
124+
<!-- /wp:group -->',
34125
]
35126
);
36127
}

0 commit comments

Comments
 (0)