-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathfooter.php
192 lines (186 loc) · 22.8 KB
/
footer.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
<?php
$header_footer_background = get_theme_mod( 'header_footer_background_color', '#ffffff' );
$footer_text = get_theme_mod( 'footer_text', '' );
$hidden_jojo_design = get_theme_mod( 'hidden_jojo_design', false );
$social_media = [];
$empty_social_media = true;
foreach([
'x' => __("X", "jojo"),
'wechat' => __("Wechat", "jojo"),
'youtube' => __("Youtube", "jojo"),
'facebook' => __("Facebook", "jojo"),
'instagram' => __("Instagram", "jojo"),
'weibo' => __("Weibo", "jojo"),
'github' => __("Github", "jojo"),
'qq' => __("QQ", "jojo"),
'tiktok' => __("Tiktok", "jojo"),
'email' => __('Email', "jojo"),
'redbook' => __('Redbook', "jojo"),
'bilibil' => __('Bilibili', "jojo"),
] as $media_key => $media_label) {
$social_media[$media_key]['link'] = get_theme_mod( 'social_media_' . $media_key, '' );
$social_media[$media_key]['qrcode'] = get_theme_mod( 'social_media_' . $media_key.'_qrcode', '' );
if($empty_social_media){
$empty_social_media = empty($social_media[$media_key]['link']) && empty($social_media[$media_key]['qrcode']);
}
}
?>
<div id="loading" class="loading">
<div class="spinner-border text-primary" style="width: 6rem; height: 6rem;" role="status">
<span class="visually-hidden">Loading</span>
</div>
</div>
<footer class="pt-4" style="background-color: <?php echo $header_footer_background; ?>;">
<div class="container">
<div class="d-flex flex-column flex-sm-row mb-4 border-bottom" style="display: <?php echo $empty_social_media ? 'none !important' : 'flex';?>;">
<p class="scocial-media-tips"><?php _e('Fllow We on Social Media', "jojo"); ?> </p>
<ul class="list-unstyled d-flex">
<?php
if(!empty($social_media['x']['link']) || !empty($social_media['x']['qrcode'])){
$qrcode_el = $social_media['x']['qrcode'] ? '<img alt="x" class="social-media-qrcode" src="'.$social_media['x']['qrcode'].'">' : '';
?>
<!-- twitter -->
<li class="mx-1"><div class="social-media-item"><a target="_blank" class="link-body-emphasis" href="<?php echo $social_media['x']['link']; ?>"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-twitter-x" viewBox="0 0 16 16">
<path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"/>
</svg></a><?php echo $qrcode_el;?></div></li>
<?php
}
if(!empty($social_media['wechat']['link']) || !empty($social_media['wechat']['qrcode'])){
$qrcode_el = $social_media['wechat']['qrcode'] ? '<img alt="wechat" class="social-media-qrcode" src="'.$social_media['wechat']['qrcode'].'">' : '';
?>
<!-- wechat -->
<li class="mx-1"><a class="link-body-emphasis" target="_blank" href="<?php echo $social_media['wechat']['link']; ?>"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-wechat" viewBox="0 0 16 16">
<path d="M11.176 14.429c-2.665 0-4.826-1.8-4.826-4.018 0-2.22 2.159-4.02 4.824-4.02S16 8.191 16 10.411c0 1.21-.65 2.301-1.666 3.036a.32.32 0 0 0-.12.366l.218.81a.6.6 0 0 1 .029.117.166.166 0 0 1-.162.162.2.2 0 0 1-.092-.03l-1.057-.61a.5.5 0 0 0-.256-.074.5.5 0 0 0-.142.021 5.7 5.7 0 0 1-1.576.22M9.064 9.542a.647.647 0 1 0 .557-1 .645.645 0 0 0-.646.647.6.6 0 0 0 .09.353Zm3.232.001a.646.646 0 1 0 .546-1 .645.645 0 0 0-.644.644.63.63 0 0 0 .098.356"/>
<path d="M0 6.826c0 1.455.781 2.765 2.001 3.656a.385.385 0 0 1 .143.439l-.161.6-.1.373a.5.5 0 0 0-.032.14.19.19 0 0 0 .193.193q.06 0 .111-.029l1.268-.733a.6.6 0 0 1 .308-.088q.088 0 .171.025a6.8 6.8 0 0 0 1.625.26 4.5 4.5 0 0 1-.177-1.251c0-2.936 2.785-5.02 5.824-5.02l.15.002C10.587 3.429 8.392 2 5.796 2 2.596 2 0 4.16 0 6.826m4.632-1.555a.77.77 0 1 1-1.54 0 .77.77 0 0 1 1.54 0m3.875 0a.77.77 0 1 1-1.54 0 .77.77 0 0 1 1.54 0"/>
</svg></a></li>
<?php
}
if(!empty($social_media['youtube']['link']) || !empty($social_media['youtube']['qrcode'])){
$qrcode_el = $social_media['youtube']['qrcode'] ? '<img alt="youtube" class="social-media-qrcode" src="'.$social_media['youtube']['qrcode'].'">' : '';
?>
<!-- youtube -->
<li class="mx-1"><a class="link-body-emphasis" target="_blank" href="<?php echo $social_media['youtube']['link']; ?>"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16">
<path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z"/>
</svg></a></li>
<?php
}
if(!empty($social_media['github']['link']) || !empty($social_media['github']['qrcode'])){
$qrcode_el = $social_media['github']['qrcode'] ? '<img alt="github" class="social-media-qrcode" src="'.$social_media['github']['qrcode'].'">' : '';
?>
<!-- github -->
<li class="mx-1"><a class="link-body-emphasis" target="_blank" href="<?php echo $social_media['github']['link']; ?>"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/>
</svg></a></li>
<?php
}
if(!empty($social_media['instagram']['link']) || !empty($social_media['instagram']['qrcode'])){
$qrcode_el = $social_media['instagram']['qrcode'] ? '<img alt="instagram" class="social-media-qrcode" src="'.$social_media['instagram']['qrcode'].'">' : '';
?>
<!-- instagram -->
<li class="mx-1"><a class="link-body-emphasis" target="_blank" href="<?php echo $social_media['instagram']['link']; ?>"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.9 3.9 0 0 0-1.417.923A3.9 3.9 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.9 3.9 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.9 3.9 0 0 0-.923-1.417A3.9 3.9 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599s.453.546.598.92c.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.5 2.5 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.5 2.5 0 0 1-.92-.598 2.5 2.5 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233s.008-2.388.046-3.231c.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92s.546-.453.92-.598c.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92m-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217m0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334"/>
</svg></a></li>
<?php
}
if(!empty($social_media['weibo']['link']) || !empty($social_media['weibo']['qrcode'])){
$qrcode_el = $social_media['weibo']['qrcode'] ? '<img alt="weibo" class="social-media-qrcode" src="'.$social_media['weibo']['qrcode'].'">' : '';
?>
<!-- weibo -->
<li class="mx-1"><a class="link-body-emphasis" target="_blank" href="<?php echo $social_media['weibo']['link']; ?>"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-sina-weibo" viewBox="0 0 16 16">
<path d="M10.878 1.093a4.23 4.23 0 0 1 4.031 1.305 4.22 4.22 0 0 1 .886 4.14v.001a.612.612 0 0 1-1.166-.377 3.01 3.01 0 0 0-3.495-3.873.611.611 0 1 1-.256-1.196M3.753 9.465c.548-1.11 1.972-1.74 3.233-1.411 1.304.338 1.971 1.568 1.437 2.764-.541 1.221-2.095 1.875-3.416 1.449-1.271-.411-1.812-1.67-1.254-2.802m2.658.567c.16.066.365-.009.458-.168.088-.16.03-.34-.129-.397-.156-.062-.353.013-.446.168-.09.154-.041.333.117.397m-1.607 1.314c.413.188.963.009 1.219-.4.252-.413.12-.883-.296-1.062-.41-.172-.94.005-1.194.402-.256.4-.135.874.271 1.06"/>
<path d="m12.014 7.238.005.001c.919.285 1.941.974 1.939 2.188 0 2.007-2.895 4.535-7.246 4.535C3.393 13.962 0 12.352 0 9.708c0-1.385.876-2.985 2.384-4.493C4.4 3.199 6.751 2.28 7.634 3.165c.39.392.427 1.065.177 1.87-.132.405.38.182.38.182 1.63-.682 3.051-.722 3.57.02.278.397.252.951-.004 1.594-.116.293.035.34.257.407m-10.4 3.101c.172 1.738 2.46 2.936 5.109 2.674 2.647-.26 4.656-1.883 4.482-3.623-.17-1.738-2.458-2.937-5.107-2.674-2.647.263-4.656 1.883-4.484 3.623m11.681-6.484a2.06 2.06 0 0 0-1.962-.634.526.526 0 1 0 .219 1.031 1.008 1.008 0 0 1 1.17 1.296.528.528 0 0 0 1.005.325 2.06 2.06 0 0 0-.432-2.018"/>
</svg></a></li>
<?php
}
if(!empty($social_media['qq']['link']) || !empty($social_media['qq']['qrcode'])){
$qrcode_el = $social_media['qq']['qrcode'] ? '<img alt="qq" class="social-media-qrcode" src="'.$social_media['qq']['qrcode'].'">' : '';
?>
<!-- qq -->
<li class=""><a class="link-body-emphasis" target="_blank" href="<?php echo $social_media['qq']['link']; ?>"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-tencent-qq" viewBox="0 0 16 16">
<path d="M6.048 3.323c.022.277-.13.523-.338.55-.21.026-.397-.176-.419-.453s.13-.523.338-.55c.21-.026.397.176.42.453Zm2.265-.24c-.603-.146-.894.256-.936.333-.027.048-.008.117.037.15.045.035.092.025.119-.003.361-.39.751-.172.829-.129l.011.007c.053.024.147.028.193-.098.023-.063.017-.11-.006-.142-.016-.023-.089-.08-.247-.118"/>
<path d="M11.727 6.719c0-.022.01-.375.01-.557 0-3.07-1.45-6.156-5.015-6.156S1.708 3.092 1.708 6.162c0 .182.01.535.01.557l-.72 1.795a26 26 0 0 0-.534 1.508c-.68 2.187-.46 3.093-.292 3.113.36.044 1.401-1.647 1.401-1.647 0 .979.504 2.256 1.594 3.179-.408.126-.907.319-1.228.556-.29.213-.253.43-.201.518.228.386 3.92.246 4.985.126 1.065.12 4.756.26 4.984-.126.052-.088.088-.305-.2-.518-.322-.237-.822-.43-1.23-.557 1.09-.922 1.594-2.2 1.594-3.178 0 0 1.041 1.69 1.401 1.647.168-.02.388-.926-.292-3.113a26 26 0 0 0-.534-1.508l-.72-1.795ZM9.773 5.53a.1.1 0 0 1-.009.096c-.109.159-1.554.943-3.033.943h-.017c-1.48 0-2.925-.784-3.034-.943a.1.1 0 0 1-.018-.055q0-.022.01-.04c.13-.287 1.43-.606 3.042-.606h.017c1.611 0 2.912.319 3.042.605m-4.32-.989c-.483.022-.896-.529-.922-1.229s.344-1.286.828-1.308c.483-.022.896.529.922 1.23.027.7-.344 1.286-.827 1.307Zm2.538 0c-.484-.022-.854-.607-.828-1.308.027-.7.44-1.25.923-1.23.483.023.853.608.827 1.309-.026.7-.439 1.251-.922 1.23ZM2.928 8.99q.32.063.639.117v2.336s1.104.222 2.21.068V9.363q.49.027.937.023h.017c1.117.013 2.474-.136 3.786-.396.097.622.151 1.386.097 2.284-.146 2.45-1.6 3.99-3.846 4.012h-.091c-2.245-.023-3.7-1.562-3.846-4.011-.054-.9 0-1.663.097-2.285"/>
</svg></a></li>
<?php
}
if(!empty($social_media['tiktok']['link']) || !empty($social_media['tiktok']['qrcode'])){
$qrcode_el = $social_media['tiktok']['qrcode'] ? '<img alt="tiktok" class="social-media-qrcode" src="'.$social_media['tiktok']['qrcode'].'">' : '';
?>
<!-- tiktok -->
<li class="mx-1"><a class="link-body-emphasis" target="_blank" href="<?php echo $social_media['tiktok']['link']; ?>"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-tiktok" viewBox="0 0 16 16">
<path d="M9 0h1.98c.144.715.54 1.617 1.235 2.512C12.895 3.389 13.797 4 15 4v2c-1.753 0-3.07-.814-4-1.829V11a5 5 0 1 1-5-5v2a3 3 0 1 0 3 3z"/>
</svg></a></li>
<?php
}
if(!empty($social_media['email']['link']) || !empty($social_media['email']['qrcode'])){
$qrcode_el = $social_media['email']['qrcode'] ? '<img alt="email" class="social-media-qrcode" src="'.$social_media['email']['qrcode'].'">' : '';
?>
<!-- email -->
<li class="mx-1"><a class="link-body-emphasis" target="_blank" href="<?php echo $social_media['email']['link']; ?>"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-envelope-fill" viewBox="0 0 16 16">
<path d="M.05 3.555A2 2 0 0 1 2 2h12a2 2 0 0 1 1.95 1.555L8 8.414zM0 4.697v7.104l5.803-3.558zM6.761 8.83l-6.57 4.027A2 2 0 0 0 2 14h12a2 2 0 0 0 1.808-1.144l-6.57-4.027L8 9.586zm3.436-.586L16 11.801V4.697z"/>
</svg></a></li>
<?php
}
if(!empty($social_media['redbook']['link']) || !empty($social_media['redbook']['qrcode'])){
$qrcode_el = $social_media['redbook']['qrcode'] ? '<img alt="redbook" class="social-media-qrcode" src="'.$social_media['redbook']['qrcode'].'">' : '';
?>
<!-- redbook -->
<li class="mx-1"><a class="link-body-emphasis" target="_blank" href="<?php echo $social_media['redbook']['link']; ?>"><svg t="1727669114690" class="bi" width="24" height="24" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" ><path d="M899.2768 147.456a103.0144 103.0144 0 0 0-23.0912-23.1424 109.2608 109.2608 0 0 0-65.536-22.1184H212.9408c-24.576 0-47.36 8.3968-65.8432 22.1184a110.8992 110.8992 0 0 0-44.9024 88.7808v597.6064c0 24.576 8.3456 47.3088 22.1184 65.536 6.4 8.6528 14.08 16.6912 23.0912 23.04 18.5344 13.824 40.96 22.1696 65.536 22.1696h597.7088c24.576 0 47.36-8.3968 65.536-22.1696 8.704-6.3488 16.6912-14.08 23.0912-23.04 13.7728-18.5344 22.1184-40.96 22.1184-65.536V213.0944c0-24.7296-8.704-47.3088-22.1184-65.6896zM280.9344 622.4384c0.512 29.6448-19.968 29.6448-19.968 29.6448H231.936l-30.464-40.2944h31.9488V389.888h48.0256c0 72.704-0.1536 159.8464-0.512 232.6016z m114.5344-146.6368c13.1072-28.9792 27.8528-57.4976 41.7792-86.016h48.0256c-11.776 23.4496-24.9344 46.3872-33.28 68.6592l58.0096-3.2768c-11.1616 22.272-20.992 42.0864-30.8224 61.952l-3.9424 7.9872c-10.2912 20.6336-10.2912 20.8384 12.6464 21.2992 2.4576 0 4.7616 0.3584 9.1648 0.8192-6.4 12.5952-12.1344 24.064-18.176 35.3792-1.024 1.792-3.7888 3.9424-5.5808 3.9424H464.384a375.808 375.808 0 0 1-41.8816-1.3312c-12.1344-1.28-16.896-10.6496-12.1344-22.1184 5.7344-14.2336 12.6464-28.16 18.9952-42.24 2.1504-4.9152 4.4544-9.6768 7.5776-16.896l-9.1648 0.0512c-5.12 0-9.5232 0.1024-13.9776 0-19.8144-0.8704-26.5216-9.8304-18.3296-28.16z m482.5088 141.7216c0 34.7136-33.8944 33.7408-33.8944 33.7408h-44.2368l-18.5344-39.8336 48.0256 0.1536s0.512-35.9936 0-48.4864c-0.3584-10.4448-6.0928-17.152-16.7424-17.3568a1699.4304 1699.4304 0 0 0-46.1824-0.2048l-19.968 0.0512v105.8304h-47.5648V546.304h-47.9744v-48.9984h46.6944v-41.472h-30.976v-46.336h31.4368v-19.6096h48.0256l0.3072 19.6096h38.1952s35.2256-0.8192 35.3792 33.4336c0.1536 10.1376 0.3584 43.4176 0.3584 54.5792 40.448-0.2048 57.6512 7.9872 57.6512 36.1984v83.8656z m-20.3264-160.4096h-25.5488v-24.3712a25.6 25.6 0 0 1 11.9808-21.8112c8.4992-5.376 20.2752-8.8576 31.4368 1.792 0.512 0.3584 0.8192 0.8192 1.1264 1.3312 15.4112 16.2304 3.2768 43.0592-18.944 43.0592zM650.24 652.288H478.0544l23.2448-45.9776h49.152V455.68h-30.6176v-47.0528h110.8992v46.3872h-30.3104v151.3472h49.8176v45.8752z m128.256-154.9312h-31.744l-0.3584-41.5744h32.1024v41.5744zM350.72 626.2272c-22.9376-20.1216-35.328-80.2304-35.0208-169.5232h47.3088c-3.584 47.0016 11.6736 109.7216 11.6736 109.7216s-13.9264 30.8224-23.9616 59.8016z m-187.5968 2.6112c-10.1376-17.664-19.3024-34.048-28.672-50.432 0-0.256 0.3584-1.536 0.9728-3.6864 3.6352-13.7216 16.8448-62.976 13.312-117.7088h50.432s1.8432 118.784-36.0448 171.8272z m291.4816 18.176c-1.28 2.4576-5.376 4.7616-8.3456 4.9152-16.5888 0.256-33.28 0.256-51.2 0.2048h-19.0976c9.6768-19.3536 17.7152-35.072 24.7296-48.8448h76.544c-8.5504 16.7424-15.2576 30.464-22.6304 43.7248z" p-id="4276"></path></svg>
</a></li>
<?php
}
if(!empty($social_media['bilibili']['link']) || !empty($social_media['bilibili']['qrcode'])){
$qrcode_el = $social_media['bilibili']['qrcode'] ? '<img alt="bilibili" class="social-media-qrcode" src="'.$social_media['bilibili']['qrcode'].'">' : '';
?>
<!-- bilibili -->
<li class="mx-1"><a class="link-body-emphasis" target="_blank" href="<?php echo $social_media['bilibili']['link']; ?>"><svg t="1727681086744" class="bi" width="24" height="24" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="#333333" p-id="8099"></path><path d="M719.36 416c2.048 0.256 17.664-3.072 18.176-2.048 0.768 1.28 7.936 51.712 6.144 51.968s-14.592 3.328-14.592 3.328c-1.024-6.656-9.472-48.896-9.728-53.248m25.088-4.864l6.912 54.016c3.584 0 17.664-1.28 18.944-1.28-2.048-20.48-5.376-52.736-5.376-52.736-6.912-1.28-13.824-1.28-20.48 0m-13.568 74.752s30.72-7.68 41.728-4.096c5.632 20.48 15.872 134.912 16.896 139.52-7.168 0.768-29.952 2.816-31.744 3.328-1.28-8.448-26.88-133.376-26.88-138.752M844.8 417.28c1.792 0.512 18.176-1.792 18.176-0.512 0.256 4.096 2.048 52.224 0 52.224l-14.848 1.28c-0.256-6.656-3.84-48.64-3.328-52.992m24.832-1.28l1.28 53.248c3.584 0 17.408 0.768 18.944 0.768-0.256-20.48 0-52.736 0-52.736-6.656-1.024-13.312-1.536-20.224-1.28m-21.248 71.68s31.232-4.096 41.984 0.768c2.304 23.808 2.048 135.168 2.304 140.032-7.168 0-29.952 0.256-31.744 0.768-0.256-8.96-13.056-136.192-12.544-141.568m-72.96-137.216c18.176 92.16 32 249.856 32.256 260.096 0 0 14.336 0.256 30.464 1.28-9.472-99.328-20.992-258.304-20.992-263.168-3.84-4.352-41.728 2.048-41.728 1.792m-39.936 218.368c-3.584-25.856-96-55.296-148.224-45.824 0 0-6.4-56.832-8.96-112.384-2.048-47.36-0.256-93.696 0-101.12-3.584-2.56-40.96 15.36-61.184 22.784 0 0 24.32 102.656 41.728 315.392 0 0 28.16 3.072 76.288-6.4 48.128-9.216 105.216-38.144 100.352-72.448m-113.152 46.592l-8.192-58.624c2.048-1.024 51.968 17.664 57.344 20.992-0.768 3.584-49.152 37.632-49.152 37.632m-288.768-199.424c2.048 0.256 17.664-3.072 18.176-2.048 0.512 1.28 7.936 51.712 6.144 51.968-1.792 0.256-14.848 3.328-14.848 3.328-0.768-6.912-9.216-48.896-9.472-53.248m24.832-4.864l6.912 54.016c3.584 0 17.664-1.28 18.944-1.28-2.048-20.48-5.376-52.736-5.376-52.736-6.912-1.536-13.824-1.536-20.48 0m-13.568 74.752s30.72-7.68 41.728-4.096c5.632 20.48 15.872 134.912 16.896 139.52-7.168 0.768-29.952 2.816-31.744 3.328-1.024-8.192-26.88-133.12-26.88-138.752m113.92-68.608c1.792 0.512 18.176-1.792 18.176-0.512 0.256 4.096 2.048 52.224 0.256 52.224l-14.848 1.28c-0.512-6.4-3.84-48.384-3.584-52.992m24.832-1.28l1.28 53.248c3.584 0 17.408 0.768 18.944 0.768-0.256-20.48 0-52.736 0-52.736-6.656-1.024-13.312-1.536-20.224-1.28m-21.248 71.424s31.232-4.096 41.984 0.768c2.304 23.808 2.048 135.168 2.304 140.032-7.168 0-29.952 0.256-31.744 0.768 0-8.704-13.056-136.192-12.544-141.568m-72.96-136.96c18.176 92.16 32 249.856 32.256 260.096 0 0 14.336 0.256 30.464 1.28-9.472-99.328-20.992-258.304-20.992-263.68-3.84-4.096-41.728 2.304-41.728 2.304m-39.68 218.368c-3.584-25.856-96-55.296-148.224-45.824 0 0-6.4-56.832-8.96-112.384-2.048-47.36-0.256-93.696 0-101.12-3.328-2.304-40.96 15.36-61.184 22.784 0 0 24.32 102.656 41.728 315.392 0 0 28.16 3.072 76.288-6.4 48.128-9.216 105.216-38.144 100.352-72.448m-113.152 46.592l-8.192-58.624c2.048-1.024 51.968 17.664 57.344 20.992-1.024 3.584-49.152 37.632-49.152 37.632" fill="#FFFFFF" p-id="8100"></path></svg>
</a></li>
<?php
}
if(!empty($social_media['facebook']['link']) || !empty($social_media['facebook']['qrcode'])){
$qrcode_el = $social_media['facebook']['qrcode'] ? '<img alt="facebook" class="social-media-qrcode" src="'.$social_media['facebook']['qrcode'].'">' : '';
?>
<!-- facebook -->
<li class="mx-1"><a class="link-body-emphasis" target="_blank" href="<?php echo $social_media['facebook']['link']; ?>"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951"/>
</svg></a></li>
<?php
}
?>
</ul>
</div>
<div class="row">
<div class="col-12 col-md-8 mb-3">
<?php
echo '<h6 class="mb-4">'.wp_get_nav_menu_name( 'footer-menu' ).'</h6>';
wp_nav_menu(
array(
'theme_location' => 'footer-menu',
'container' => false,
'fallback_cb' => false,
'menu_class' => 'nav flex-column',
'link_class' => 'nav-link p-0 text-body-secondary',
'list_item_class' => 'nav-item mb-2 '
)
);
?>
</div>
<div class="col-md-3 offset-md-1 mb-3">
<?php
$html = '';
echo apply_filters('jojo_site_footer_side_block', $html);
?>
</div>
</div>
<div class="d-flex flex-column flex-sm-row justify-content-between pt-4 border-top">
<p><?php echo esc_html__($footer_text, "jojo"); ?></p>
<?php
if(!$hidden_jojo_design){
echo '<p style="color:gray">Design by JOJO</p>';
}
?>
</div>
</div>
</footer>
<?php wp_footer(); ?>
</body>
</html>