cfc/web/articles/js/footer.js

/**
 * Shared site footer - injected into #footer-placeholder on every article page.
 * This version uses ../ paths because it lives in web/articles/.
 */
(function() {
  var placeholder = document.getElementById('footer-placeholder');
  if (!placeholder) return;
  placeholder.innerHTML =
    '<footer class="site-footer">' +
    '  <div class="container">' +
    '    <div class="footer-inner">' +
    '      <div class="footer-brand">' +
    '        <img src="../logo.png" alt="\u6D60\u827E\u798F" class="footer-logo-img" width="48" height="48">' +
    '        <span class="logo-text">\u6D60\u827E\u798F</span>' +
    '        <span class="logo-tag">\u4E3B\u52A8\u5065\u5EB7</span>' +
    '        <p>\u4EE5 AI \u79D1\u6280\u8D4B\u80FD\u6BCF\u4E2A\u5BB6\u5EAD\uFF0C\u8BA9\u5065\u5EB7\u4E0E\u5E78\u798F\u89E6\u624B\u53EF\u53CA\u3002</p>' +
    '      </div>' +
    '      <div class="footer-links">' +
    '        <div class="footer-col">' +
    '          <h4>\u4EA7\u54C1</h4>' +
    '          <ul>' +
    '            <li><a href="../index.html#product">\u6D60\u827E\u798F\u5E73\u53F0</a></li>' +
    '            <li><a href="../index.html#dimensions">\u4E94\u7EF4\u5E78\u798F</a></li>' +
    '            <li><a href="../index.html#features">\u6838\u5FC3\u529F\u80FD</a></li>' +
    '            <li><a href="../index.html#ai-tech">AI \u6280\u672F</a></li>' +
    '          </ul>' +
    '        </div>' +
    '        <div class="footer-col">' +
    '          <h4>\u5173\u4E8E</h4>' +
    '          <ul>' +
    '            <li><a href="../index.html#about">\u516C\u53F8\u4ECB\u7ECD</a></li>' +
    '            <li><a href="../index.html#roles">\u5E73\u53F0\u89D2\u8272</a></li>' +
    '            <li><a href="../index.html#contact">\u8054\u7CFB\u65B9\u5F0F</a></li>' +
    '          </ul>' +
    '        </div>' +
    '        <div class="footer-col">' +
    '          <h4>\u8054\u7CFB\u65B9\u5F0F</h4>' +
    '          <ul class="footer-contact">' +
    '            <li><a href="tel:010-58733188">010-58733188</a></li>' +
    '            <li><a href="mailto:contact@etotem.com.cn">contact@etotem.com.cn</a></li>' +
    '            <li>\u5317\u4EAC\u5E02\u6D77\u6DC0\u533A</li>' +
    '          </ul>' +
    '        </div>' +
    '        <div class="footer-col">' +
    '          <h4>\u53CB\u60C5\u94FE\u63A5</h4>' +
    '          <ul>' +
    '            <li><a href="https://www.psychdream.org.cn/" target="_blank" rel="noopener noreferrer">\u53CC\u57F9\u5F3A\u57FA\u5DE5\u7A0B</a></li>' +
    '          </ul>' +
    '        </div>' +
    '      </div>' +
    '    </div>' +
    '    <div class="footer-bottom">' +
    '      <p>&copy; 2026 \u6D60\u827E\u798F\u4E3B\u52A8\u5065\u5EB7\u7814\u7A76\u9662. All rights reserved.</p>' +
    '      <p class="footer-legal">' +
    '        <a href="#">\u9690\u79C1\u653F\u7B56</a>' +
    '        <a href="#">\u7528\u6237\u534F\u8BAE</a>' +
    '        <span>\u4EACICP\u590714061870\u53F7-5</span>' +
    '      </p>' +
    '    </div>' +
    '  </div>' +
    '</footer>';
})();