https://www.world-theatre-day.org/js/footer-en.js

1// Footer renderer for English version
2(function() {
3    'use strict';
4    
5    function createFooter() {
6        const footerHTML = `
7        <footer id="footer">
8            <div class="container">
9                <div class="four columns">
10                    <div class="widget widget_text">
11                        <h3 class="widget-title">Other ITI Websites</h3>
12                        <div class="textwidget">
13                            <a href="https://www.world-theatre-day.org/" target="_blank" style="color: #1AB4EE;font-weight:600">World Theatre Day</a><br>
14                            <br>
15                            <a href="http://www.international-dance-day.org" target="_blank" style="color: #1AB4EE;font-weight:600">International Dance Day</a><br>
16                            <br>
17                            <a href="http://www.iti-congress.org" target="_blank" style="color: #1AB4EE;font-weight:600">ITI Congress Website</a>
18                        </div><!--/ .textwidget-->
19                    </div><!--/ .widget -->
20                </div><!--/ .columns -->
21                
22                <div class="four columns">
23                    <div class="widget widget_text">
24                        <h3 class="widget-title">Contact Office in Paris</h3>
25                        <div class="textwidget">
26                            <p>International Theatre Institute ITI<br>
27                            UNESCO Office<br>
28                            UNESCO, 1 rue Miollis<br>
29                            75732 Paris Cedex 15, France<br>
30                            </p>
31                        </div><!--/ .textwidget-->
32                    </div><!--/ .widget -->
33                </div><!--/ .columns -->
34                
35                <div class="four columns">
36                    <div class="widget widget_text">
37                        <h3 class="widget-title">Contact Headquarters</h3>
38                        <div class="textwidget">
39                            <p>International Theatre Institute ITI<br>
40                            ITI Headquarters<br>
41                            1332 Xinzha Road, Jing'an,<br>
42                            Shanghai, China 200040<br>
43                            Tel: +86 21 6236 7033<br>
44                            Fax: +86 21 6236 3053<br>
45                            info(at)iti-worldwide.org
46                            </p>
47                        </div><!--/ .textwidget-->
48                    </div><!--/ .widget -->
49                </div><!--/ .columns -->
50                
51                <div class="four columns">
52                    <div class="widget widget_text">
53                        <h3 class="widget-title">Subscribe to the Newsletter</h3>
54                        <div class="subscribe"> 
55                            <p>If you subscribe to the ITI Newsletter we will inform you regularly about activities and projects of ITI and the performing arts.</p>
56                            <a href="https://www.iti-worldwide.org/newslettersubscription.html">Subscribe</a>
57                        </div>
58                    </div><!--/ .widget -->
59                </div><!--/ .columns -->
60                
61                <div class="clear"></div>
62                
63                <div class="sixteen columns">
64                    <div class="adjective clearfix">
65                    </div><!--/ .adjective-->		
66                </div><!--/ .columns-->
67                
68                <div class="footer-down">
69                    <div class="container clearfix">
70                        <div class="eight columns">
71                            <span class="copyright">
72                                Copyright © 2025. All rights reserved.
73                            </span>
74                        </div><!-- End copyright -->
75                        
76                        <div class="eight columns">
77                            <span class="copyright">
78                                <a href="disclaimer.html" target="_blank" style="font-weight:400">Disclaimer</a> | <a href="privacy.html" target="_blank" style="font-weight:400">Privacy Statement</a>
79                            </span>
80                        </div><!-- End social icons -->
81                    </div><!--/ .container -->
82                </div><!-- End footer-down -->
83            </div><!-- End container -->
84        </footer><!--/ #footer -->
85        
86        `;
87        
88        return footerHTML;
89    }
90    
91    function renderFooter() {
92        // Find existing footer and replace it, or create new one
93        const existingFooter = document.getElementById('footer');
94        if (existingFooter) {
95            existingFooter.outerHTML = createFooter();
96            console.log('Footer replaced successfully');
97            return;
98        }
99        
100        // If no existing footer, find the footer placeholder or create one
101        let footerContainer = document.getElementById('footer-placeholder');
102        if (!footerContainer) {
103            // If no placeholder exists, insert before the closing wrapper div
104            const wrapper = document.getElementById('wrapper');
105            if (wrapper) {
106                footerContainer = document.createElement('div');
107                footerContainer.id = 'footer-placeholder';
108                wrapper.appendChild(footerContainer);
109            }
110        }
111        
112        if (footerContainer) {
113            footerContainer.innerHTML = createFooter();
114            console.log('Footer rendered successfully');
115        }
116    }
117    
118    // Initialize when DOM is ready
119    if (document.readyState === 'loading') {
120        document.addEventListener('DOMContentLoaded', renderFooter);
121    } else {
122        renderFooter();
123    }
124    
125    // Export for manual initialization if needed
126    window.ITIFooter = {
127        render: renderFooter,
128        createHTML: createFooter
129    };
130})();