From a8596af27c8979c225821a4e6e5ffc8178f61423 Mon Sep 17 00:00:00 2001
From: Dominique Liberda <ja@sdomi.pl>
Date: Wed, 18 Jan 2023 04:07:36 +0100
Subject: [PATCH] * retro: add footer, header

---
 templates/themes/retro/elements/footer.html | 66 +++++++++++++++++++++
 templates/themes/retro/elements/top.html    | 45 ++++++++++++--
 templates/themes/retro/watch.html           |  1 +
 webroot/watch.shs                           |  2 +
 4 files changed, 110 insertions(+), 4 deletions(-)
 create mode 100644 templates/themes/retro/elements/footer.html

diff --git a/templates/themes/retro/elements/footer.html b/templates/themes/retro/elements/footer.html
new file mode 100644
index 0000000..9424e36
--- /dev/null
+++ b/templates/themes/retro/elements/footer.html
@@ -0,0 +1,66 @@
+<div id="footer-container" class="yt-base-gutter"><div id="footer"><div id="footer-main"><div id="footer-logo"><a href="/web/20140331181149/http://www.youtube.com/" title="YouTube home"><img src="http://web.archive.org/web/20140331181149im_/http://s.ytimg.com/yts/img/pixel-vfl3z5WfW.gif" alt="YouTube home"></a></div> <ul class="pickers yt-uix-button-group" data-button-toggle-group="optional">
+                <li>
+                    <button onclick=";return false;" type="button" class=" yt-uix-button yt-uix-button-default yt-uix-button-size-default yt-uix-button-has-icon" id="yt-picker-language-button" data-button-action="yt.www.picker.load" data-picker-key="language" data-button-toggle="true" data-picker-position="footer" data-button-menu-id="arrow-display" role="button"><span class="yt-uix-button-icon-wrapper"><img class="yt-uix-button-icon yt-uix-button-icon-footer-language" src="http://web.archive.org/web/20140331181149im_/http://s.ytimg.com/yts/img/pixel-vfl3z5WfW.gif" alt="" title=""></span><span class="yt-uix-button-content"> <span class="yt-picker-button-label">
+                                Language:
+                            </span>
+                            English
+                        </span><img class="yt-uix-button-arrow" src="http://web.archive.org/web/20140331181149im_/http://s.ytimg.com/yts/img/pixel-vfl3z5WfW.gif" alt="" title=""></button>
+                </li>
+                <li>
+                    <button onclick=";return false;" type="button" class=" yt-uix-button yt-uix-button-default yt-uix-button-size-default" id="yt-picker-country-button" data-button-action="yt.www.picker.load" data-picker-key="country" data-button-toggle="true" data-picker-position="footer" data-button-menu-id="arrow-display" role="button"><span class="yt-uix-button-content"> <span class="yt-picker-button-label">
+                                Country:
+                            </span>
+                            Worldwide
+                        </span><img class="yt-uix-button-arrow" src="http://web.archive.org/web/20140331181149im_/http://s.ytimg.com/yts/img/pixel-vfl3z5WfW.gif" alt="" title=""></button>
+                </li>
+                <li>
+                    <button onclick=";return false;" type="button" class=" yt-uix-button yt-uix-button-default yt-uix-button-size-default" id="yt-picker-safetymode-button" data-button-action="yt.www.picker.load" data-picker-key="safetymode" data-button-toggle="true" data-picker-position="footer" data-button-menu-id="arrow-display" role="button"><span class="yt-uix-button-content"> <span class="yt-picker-button-label">
+                                Safety:
+                            </span>
+                            Off
+                        </span><img class="yt-uix-button-arrow" src="http://web.archive.org/web/20140331181149im_/http://s.ytimg.com/yts/img/pixel-vfl3z5WfW.gif" alt="" title=""></button>
+                </li>
+            </ul>
+            <button onclick=";return false;" id="google-help" data-ghelp-tracking-param="" class="yt-uix-button-reverse yt-google-help-link inq-no-click yt-uix-button yt-uix-button-default yt-uix-button-size-default" type="button" data-ghelp-anchor="google-help" role="button"><span class="yt-uix-button-content"> <img class="questionmark" src="http://web.archive.org/web/20140331181149im_/http://s.ytimg.com/yts/img/pixel-vfl3z5WfW.gif" alt="" title="">
+                    Help
+                </span></button>
+                <div id="yt-picker-language-footer" class="yt-picker" style="display: none">
+                    <p class="yt-spinner">
+                        <img class="yt-spinner-img" src="http://web.archive.org/web/20140331181149im_/http://s.ytimg.com/yts/img/pixel-vfl3z5WfW.gif" alt="Loading icon" title="">
+                        <span class="yt-spinner-message">
+                            Loading...
+                        </span>
+                    </p>
+                </div>
+                <div id="yt-picker-country-footer" class="yt-picker" style="display: none">
+                    <p class="yt-spinner">
+                        <img class="yt-spinner-img" src="http://web.archive.org/web/20140331181149im_/http://s.ytimg.com/yts/img/pixel-vfl3z5WfW.gif" alt="Loading icon" title="">
+                        <span class="yt-spinner-message">
+                            Loading...
+                        </span>
+                    </p>
+                </div>
+                <div id="yt-picker-safetymode-footer" class="yt-picker" style="display: none">
+                    <p class="yt-spinner">
+                        <img class="yt-spinner-img" src="http://web.archive.org/web/20140331181149im_/http://s.ytimg.com/yts/img/pixel-vfl3z5WfW.gif" alt="Loading icon" title="">
+                        <span class="yt-spinner-message">
+                            Loading...
+                        </span>
+                    </p>
+                </div>
+        </div><div id="footer-links"><ul id="footer-links-primary"> <li><a href="//web.archive.org/web/20140331181149/http://www.youtube.com/yt/about/">About</a></li>
+                <li><a href="//web.archive.org/web/20140331181149/http://www.youtube.com/yt/press/">Press &amp; Blogs</a></li>
+                <li><a href="//web.archive.org/web/20140331181149/http://www.youtube.com/yt/copyright/">Copyright</a></li>
+                <li><a href="//web.archive.org/web/20140331181149/http://www.youtube.com/yt/creators/">Creators &amp; Partners</a></li>
+                <li><a href="//web.archive.org/web/20140331181149/http://www.youtube.com/yt/advertise/">Advertising</a></li>
+                <li><a href="//web.archive.org/web/20140331181149/http://www.youtube.com/yt/dev/">Developers</a></li>
+                <li><a href="http://web.archive.org/web/20140331181149/https://plus.google.com/+youtube" dir="ltr">+YouTube</a></li>
+            </ul><ul id="footer-links-secondary"> <li><a href="/web/20140331181149/http://www.youtube.com/t/terms">Terms</a></li>
+                <li><a href="http://web.archive.org/web/20140331181149/https://www.google.com/intl/en/policies/privacy/">Privacy</a></li>
+                <li><a href="//web.archive.org/web/20140331181149/http://www.youtube.com/yt/policyandsafety/">
+                        Policy &amp; Safety
+                    </a></li>
+                    <li><a href="//web.archive.org/web/20140331181149/http://support.google.com/youtube/?hl=en" onclick="return yt.www.feedback.start(59);" class="reportbug">Send feedback</a></li>
+                    <li><a href="/web/20140331181149/http://www.youtube.com/testtube">Try something new!</a></li>
+                    <li></li>
+            </ul></div></div></div>
diff --git a/templates/themes/retro/elements/top.html b/templates/themes/retro/elements/top.html
index 5962594..0a5ef69 100644
--- a/templates/themes/retro/elements/top.html
+++ b/templates/themes/retro/elements/top.html
@@ -1,4 +1,41 @@
-<form action='/results'>
-	<input name='search_query' type='text' value='{{.query_nice}}'>
-	<input type='submit' value='Search'>
-</form>
+                <div id="masthead-positioner"> 
+                    <div id="yt-masthead-container" class="yt-grid-box yt-base-gutter">
+                        <div id="yt-masthead">
+                            <div class="yt-masthead-logo-container">
+                                <a id="logo-container" href="/" title="BashTube home" class="spf-link">
+                                    <img id="logo" src="http://web.archive.org/web/20140331181149im_/http://s.ytimg.com/yts/img/pixel-vfl3z5WfW.gif" alt="BashTube home">
+                                </a>
+                                <!-- przycisk do otwierania sidebaru, nie działa -->
+                                <div id="appbar-guide-button-container">
+                                    <button onclick=";return false;" type="button" class="appbar-guide-toggle appbar-guide-clickable-ancestor yt-uix-button yt-uix-button-text yt-uix-button-size-default yt-uix-button-has-icon yt-uix-button-empty" id="appbar-guide-button" role="button" aria-label="Guide"><span class="yt-uix-button-icon-wrapper">
+                                            <img class="yt-uix-button-icon yt-uix-button-icon-appbar-guide" src="http://web.archive.org/web/20140331181149im_/http://s.ytimg.com/yts/img/pixel-vfl3z5WfW.gif" alt="" title="">
+                                        </span><img class="yt-uix-button-arrow" src="http://web.archive.org/web/20140331181149im_/http://s.ytimg.com/yts/img/pixel-vfl3z5WfW.gif" alt="" title="">
+                                    </button>
+                                </div>
+                            </div>
+                            <div id="yt-masthead-signin">
+                                <span id="appbar-onebar-upload-group" class="yt-uix-button-group">
+                                    <a href="//web.archive.org/web/20140331181149/http://www.youtube.com/upload" class="yt-uix-button yt-uix-sessionlink yt-uix-button-default yt-uix-button-size-default" id="upload-btn"><span class="yt-uix-button-content">Guzik, fajne!</span></a>
+                                </span><!-- miło by było, gdyby ten przycisk po zalogowaniu przekierowywał z powrotem --><button onclick=";window.location.href=this.getAttribute('href');return false;" href="/login" type="button" class=" yt-uix-button yt-uix-button-primary yt-uix-button-size-default" role="button"><span class="yt-uix-button-content">Sign in </span></button>
+                            </div>
+                            <div id="yt-masthead-content">
+                                <!-- nie wiem jak podpowiadać, ale ty pewnie wiesz XD) -->
+                                <form id="masthead-search" class="search-form consolidated-form" action="/results" onsubmit="if (_gel('masthead-search-term').value == '') return false;">
+                                    <button onclick="if (_gel('masthead-search-term').value == '') return false; _gel('masthead-search').submit(); return false;;return true;" id="search-btn" tabindex="2" dir="ltr" type="submit" class="search-btn-component search-button yt-uix-button yt-uix-button-default yt-uix-button-size-default" role="button"><span class="yt-uix-button-content">Search </span></button>
+                                    <div id="masthead-search-terms" class="masthead-search-terms-border" dir="ltr">
+                                        <label>
+                                            <input id="masthead-search-term" autocomplete="off" class="search-term yt-uix-form-input-bidi" name="search_query" value="" type="text" tabindex="1" title="Search">
+                                        </label>
+                                    </div>
+                                </form>
+                            </div>
+                        </div>
+                    </div>
+                    <div id="masthead-appbar-container" class="clearfix">
+                        <div id="masthead-appbar">
+                            <div id="appbar-content" class=""></div>
+                        </div>
+                    </div>
+                    <iframe id="masthead-ie-mask"></iframe>
+                </div>
+                <div id="masthead-positioner-height-offset"></div>
diff --git a/templates/themes/retro/watch.html b/templates/themes/retro/watch.html
index 797fa95..26fb142 100644
--- a/templates/themes/retro/watch.html
+++ b/templates/themes/retro/watch.html
@@ -470,6 +470,7 @@
                 </div>
             </div>
         </div>
+        {{@footer}}
         <script>
             yt.setConfig({
                 'IS_UNAVAILABLE_PAGE': false,
diff --git a/webroot/watch.shs b/webroot/watch.shs
index 2c24b80..39a8caf 100755
--- a/webroot/watch.shs
+++ b/webroot/watch.shs
@@ -229,6 +229,8 @@ if [[ "${get_data[v]}" ]]; then
 #	source "${cfg[namespace]}/templates/header.shs"
 #	echo "$player_render"
 	strings[@player]="meow$player_render"
+	strings[@header]="$(cat "${cfg[namespace]}/templates/themes/${cfg[template]}/elements/top.html")"
+	strings[@footer]="$(cat "${cfg[namespace]}/templates/themes/${cfg[template]}/elements/footer.html")"
 	render strings "${cfg[namespace]}/templates/themes/${cfg[template]}/watch.html"
 else
 	source templates/head.sh