Skip to content

Commit 52e1a61

Browse files
author
Ariel Jolo
committed
Adding navbar block
1 parent e5ff08d commit 52e1a61

File tree

2 files changed

+114
-34
lines changed

2 files changed

+114
-34
lines changed

themes/osi/inc/block-patterns.php

Lines changed: 114 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1013,3 +1013,117 @@ function osi_register_brand_pattern() {
10131013
}
10141014
add_action('init', 'osi_register_brand_pattern');
10151015

1016+
1017+
function osi_register_navbar_pattern() {
1018+
register_block_pattern(
1019+
'custom/brand-area',
1020+
[
1021+
'title' => __('Navbar', 'osi'),
1022+
'description' => __('A section displaying top navigation bar.', 'osi'),
1023+
'categories' => ['ai'],
1024+
'content' => '
1025+
<div class="header-header-two">
1026+
<!-- header- solaric two -->
1027+
<div class="header-two-solari header-top">
1028+
<div class="container">
1029+
<div class="row">
1030+
<div class="col-lg-12">
1031+
<div class="header-top-m">
1032+
<div class="left">
1033+
<div class="header-nav main-nav-one">
1034+
<nav>
1035+
<ul>
1036+
<li>
1037+
<a class="nav-link-green" href="https://opensource.org/about">About</a>
1038+
</li>
1039+
1040+
<li>
1041+
<a class="nav-link-green" href="https://opensource.org/osd">Open Source Definition</a>
1042+
</li>
1043+
<li>
1044+
<a class="nav-link-green" href="https://opensource.org/licenses">Licenses</a>
1045+
</li>
1046+
<li>
1047+
<a class="nav-link-green" href="https://opensource.org/blog">Blog</a>
1048+
</li>
1049+
<li><a class="nav-link-green" href="https://opensource.org/programs">Programs</a></li>
1050+
<li><a class="nav-link-green" href="https://members.opensource.org/join/">Join</a></li>
1051+
</ul>
1052+
</nav>
1053+
</div>
1054+
</div>
1055+
<div class="right">
1056+
<div class="social-header-top-h2">
1057+
<span>Follow us:</span>
1058+
<ul>
1059+
<li>
1060+
<a href="https://go.opensource.org/mastodon" target="_blank">
1061+
<i class="fa-brands fa-mastodon"></i>
1062+
</a>
1063+
</li>
1064+
<li>
1065+
<a href="https://bsky.app/profile/opensource.org" target="_blank">
1066+
<i class="fa-brands fa-bluesky"></i>
1067+
</a>
1068+
</li>
1069+
<li>
1070+
<a href="https://www.linkedin.com/company/open-source-initiative-osi-" target="_blank">
1071+
<i class="fa-brands fa-linkedin-in"></i>
1072+
</a>
1073+
</li>
1074+
<li>
1075+
<a href="https://www.reddit.com/user/opensourceinitiative/" target="_blank">
1076+
<i class="fa-brands fa-reddit"></i>
1077+
</a>
1078+
</li>
1079+
</ul>
1080+
</div>
1081+
</div>
1082+
</div>
1083+
</div>
1084+
</div>
1085+
</div>
1086+
</div>
1087+
<!-- header- solaric two end -->
1088+
<!-- header man start -->
1089+
<div class="header-main-h2 header--sticky">
1090+
<div class="container">
1091+
<div class="row">
1092+
<div class="col-lg-12">
1093+
<div class="main-haeder-wrapper-h2">
1094+
<a href="https://opensource.org/" class="logo-area">
1095+
<img src="https://i0.wp.com/opensource.org/wp-content/uploads/2023/03/cropped-OSI-horizontal-large.png?fit=640%2C229&amp;ssl=1" alt="Open Source Initiative" style="width:50%">
1096+
</a>
1097+
1098+
<div class="header-nav main-nav-one" id="nav-links">
1099+
<nav>
1100+
<ul>
1101+
<li><a class="nav-link" href="https://go.opensource.org/osaid-latest">DEFINITION</a></li>
1102+
<li><a class="nav-link" href="https://opensource.org/ai/process">PROCESS</a></li>
1103+
<li><a class="nav-link" href="https://opensource.org/ai/timeline">TIMELINE</a></li>
1104+
<li><a class="nav-link" href="https://opensource.org/ai/faq" target="_blank">FAQ</a></li>
1105+
<li><a class="nav-link" href="https://opensource.org/ai/endorsements">ENDORSEMENTS</a></li>
1106+
<li><a href="https://go.opensource.org/osaid-latest" class="rts-btn btn-primary">Read version 1.0</a></li>
1107+
</ul>
1108+
</nav>
1109+
</div>
1110+
<div class="actions-area">
1111+
<div class="menu-btn" id="menu-btn">
1112+
<svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
1113+
<rect y="14" width="20" height="2" fill="#4AAB3D"></rect>
1114+
<rect y="7" width="20" height="2" fill="#4AAB3D"></rect>
1115+
<rect width="20" height="2" fill="#4AAB3D"></rect>
1116+
</svg>
1117+
</div>
1118+
</div>
1119+
</div>
1120+
</div>
1121+
</div>
1122+
</div>
1123+
</div>
1124+
<!-- header man end -->
1125+
</div>',
1126+
]
1127+
);
1128+
}
1129+
add_action('init', 'osi_register_navbar_pattern');

themes/osi/templates/ai-fse.php

Lines changed: 0 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -72,40 +72,6 @@
7272
<body <?php body_class(); ?>>
7373
<?php wp_body_open(); ?>
7474

75-
<!-- Top Navbar -->
76-
<header class="header-header-two">
77-
<div class="header-top">
78-
<div class="container">
79-
<div class="row">
80-
<div class="col-lg-12">
81-
<div class="header-top-m">
82-
<div class="left">
83-
<?php
84-
wp_nav_menu([
85-
'theme_location' => 'header-menu',
86-
'menu_class' => 'header-nav main-nav-one',
87-
'container' => 'nav'
88-
]);
89-
?>
90-
</div>
91-
<div class="right">
92-
<div class="social-header-top-h2">
93-
<span>Follow us:</span>
94-
<ul>
95-
<li><a href="https://go.opensource.org/mastodon" target="_blank"><i class="fa-brands fa-mastodon"></i></a></li>
96-
<li><a href="https://bsky.app/profile/opensource.org" target="_blank"><i class="fa-brands fa-bluesky"></i></a></li>
97-
<li><a href="https://www.linkedin.com/company/open-source-initiative-osi-" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a></li>
98-
<li><a href="https://www.reddit.com/user/opensourceinitiative/" target="_blank"><i class="fa-brands fa-reddit"></i></a></li>
99-
</ul>
100-
</div>
101-
</div>
102-
</div>
103-
</div>
104-
</div>
105-
</div>
106-
</div>
107-
</header>
108-
10975
<!-- Main Content -->
11076
<main id="main-content">
11177
<!-- Gutenberg content will be inserted here -->

0 commit comments

Comments
 (0)