|
| 1 | +<% var isEn = page.type == 'book-en-us' %> |
| 2 | + |
1 | 3 | <div class="sidebar"> |
2 | 4 | <div class="sidebar-inner-index"> |
3 | 5 | <ul class="main-menu"> |
4 | | - <% if (page.type == 'book-en-us') { %> |
| 6 | + <% if (isEn) { %> |
5 | 7 | <%- partial('partials/main_menu_en', { context: 'nav' }) %> |
6 | 8 | <% } else {%> |
7 | 9 | <%- partial('partials/main_menu', { context: 'nav' }) %> |
|
11 | 13 | </div> |
12 | 14 |
|
13 | 15 | <div id="lang-switch"> |
14 | | - <button type="button" class="lang-btn" data-set="zh"> |
15 | | - <span class="flag" style="content: url(/modern-cpp/assets/lang/cn.svg);"></span>中文 |
16 | | - </button> |
17 | | - <button type="button" class="lang-btn" data-set="en"> |
18 | | - <span class="flag" style="content: url(/modern-cpp/assets/lang/en.svg);"></span>English |
19 | | - </button> |
20 | | -</div> |
21 | | - |
22 | | -<div id="hero" class="lang" data-lang="zh"> |
23 | | - <div class="inner"> |
24 | | - <div class="left"> |
25 | | - <img class="hero-logo" src="<%- url_for("/modern-cpp/assets/cover-2nd.png") %>"> |
26 | | - </div><div class="right"> |
27 | | - <h4>欧长坤 著</h4> |
28 | | - <h1> |
29 | | - 现代 C++ 教程<br> |
30 | | - </h1> |
31 | | - <h2>高速上手 C++11 到 C++26</h2> |
32 | | - <h3>第二版</h3> |
33 | | - <p> |
34 | | - <a class="button white" href="<%- url_for("/modern-cpp/zh-cn/00-preface/") %>">🇨🇳 在线阅读</a> |
35 | | - <a class="button download" href="<%- url_for("/modern-cpp/pdf/modern-cpp-tutorial-zh-cn.pdf") %>">🇨🇳 下载</a> |
36 | | - </p> |
37 | | - </div> |
38 | | - </div> |
| 16 | + <% if (isEn) { %> |
| 17 | + <a class="lang-btn" href="<%- url_for("/modern-cpp/") %>"> |
| 18 | + <span class="flag" style="content: url(/modern-cpp/assets/lang/cn.svg);"></span>中文 |
| 19 | + </a> |
| 20 | + <% } else { %> |
| 21 | + <a class="lang-btn" href="<%- url_for("/modern-cpp/en/") %>"> |
| 22 | + <span class="flag" style="content: url(/modern-cpp/assets/lang/en.svg);"></span>English |
| 23 | + </a> |
| 24 | + <% } %> |
39 | 25 | </div> |
40 | 26 |
|
41 | | -<div id="hero" class="lang" data-lang="en"> |
42 | | - <div class="inner"> |
| 27 | +<% if (isEn) { %> |
| 28 | + <div id="hero"> |
| 29 | + <div class="inner"> |
43 | 30 | <div class="left"> |
44 | 31 | <img class="hero-logo" src="<%- url_for("/modern-cpp/assets/cover-2nd-en.png") %>"> |
45 | 32 | </div><div class="right"> |
|
54 | 41 | <a class="button download" href="<%- url_for("/modern-cpp/pdf/modern-cpp-tutorial-en-us.pdf") %>">🇬🇧 Download</a> |
55 | 42 | </p> |
56 | 43 | </div> |
| 44 | + </div> |
57 | 45 | </div> |
58 | | -</div> |
| 46 | +<% } else { %> |
| 47 | + <div id="hero"> |
| 48 | + <div class="inner"> |
| 49 | + <div class="left"> |
| 50 | + <img class="hero-logo" src="<%- url_for("/modern-cpp/assets/cover-2nd.png") %>"> |
| 51 | + </div><div class="right"> |
| 52 | + <h4>欧长坤 著</h4> |
| 53 | + <h1> |
| 54 | + 现代 C++ 教程<br> |
| 55 | + </h1> |
| 56 | + <h2>高速上手 C++11 到 C++26</h2> |
| 57 | + <h3>第二版</h3> |
| 58 | + <p> |
| 59 | + <a class="button white" href="<%- url_for("/modern-cpp/zh-cn/00-preface/") %>">🇨🇳 在线阅读</a> |
| 60 | + <a class="button download" href="<%- url_for("/modern-cpp/pdf/modern-cpp-tutorial-zh-cn.pdf") %>">🇨🇳 下载</a> |
| 61 | + </p> |
| 62 | + </div> |
| 63 | + </div> |
| 64 | + </div> |
| 65 | +<% } %> |
59 | 66 |
|
60 | 67 | <div id="footer"> |
61 | | - <p class="lang" data-lang="zh"> |
62 | | - <a href="https://changkun.de">欧长坤</a> © 2016-<%- new Date().getFullYear() %> 版权所有， |
63 | | - 采用<a rel="license" href="https://creativecommons.org/licenses/by-nc-nd/4.0/">知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议许可</a>，代码使用 <a href="https://opensource.org/licenses/MIT" target="_blank">MIT</a> 协议开源。</a> |
64 | | - </p> |
65 | | - <p class="lang" data-lang="en"> |
66 | | - <a href="https://changkun.de">Changkun Ou</a> © 2016-<%- new Date().getFullYear() %>. |
67 | | - The book is licensed under <a rel="license" href="https://creativecommons.org/licenses/by-nc-nd/4.0/">Creative Commons Attribution-NonCommercial-NoDerivatives 4.0</a>, code is open sourced under the <a href="https://opensource.org/licenses/MIT" target="_blank">MIT</a> License. </a> |
68 | | - </p> |
| 68 | + <% if (isEn) { %> |
| 69 | + <p> |
| 70 | + <a href="https://changkun.de">Changkun Ou</a> © 2016-<%- new Date().getFullYear() %>. |
| 71 | + The book is licensed under <a rel="license" href="https://creativecommons.org/licenses/by-nc-nd/4.0/">Creative Commons Attribution-NonCommercial-NoDerivatives 4.0</a>, code is open sourced under the <a href="https://opensource.org/licenses/MIT" target="_blank">MIT</a> License. |
| 72 | + </p> |
| 73 | + <% } else { %> |
| 74 | + <p> |
| 75 | + <a href="https://changkun.de">欧长坤</a> © 2016-<%- new Date().getFullYear() %> 版权所有， |
| 76 | + 采用<a rel="license" href="https://creativecommons.org/licenses/by-nc-nd/4.0/">知识共享署名-非商业性使用-禁止演绎 4.0 国际许可协议许可</a>，代码使用 <a href="https://opensource.org/licenses/MIT" target="_blank">MIT</a> 协议开源。 |
| 77 | + </p> |
| 78 | + <% } %> |
69 | 79 | </div> |
70 | | - |
71 | | -<script> |
72 | | -(function () { |
73 | | - var sections = document.querySelectorAll('.lang'); |
74 | | - var buttons = document.querySelectorAll('.lang-btn'); |
75 | | - function apply(lang) { |
76 | | - for (var i = 0; i < sections.length; i++) { |
77 | | - sections[i].style.display = sections[i].getAttribute('data-lang') === lang ? '' : 'none'; |
78 | | - } |
79 | | - for (var j = 0; j < buttons.length; j++) { |
80 | | - var on = buttons[j].getAttribute('data-set') === lang; |
81 | | - buttons[j].className = on ? 'lang-btn active' : 'lang-btn'; |
82 | | - } |
83 | | - document.documentElement.lang = lang === 'zh' ? 'zh-CN' : 'en'; |
84 | | - } |
85 | | - var stored = null; |
86 | | - try { stored = localStorage.getItem('mcpp-lang'); } catch (e) {} |
87 | | - var nav = (navigator.language || navigator.userLanguage || 'en').toLowerCase(); |
88 | | - var lang = stored || (nav.indexOf('zh') === 0 ? 'zh' : 'en'); |
89 | | - apply(lang); |
90 | | - for (var k = 0; k < buttons.length; k++) { |
91 | | - buttons[k].addEventListener('click', function () { |
92 | | - var l = this.getAttribute('data-set'); |
93 | | - try { localStorage.setItem('mcpp-lang', l); } catch (e) {} |
94 | | - apply(l); |
95 | | - }); |
96 | | - } |
97 | | -})(); |
98 | | -</script> |
0 commit comments