https://stmirrenprogrammes.co.uk/StM_Miscellaneous.html

1
2
3<!DOCTYPE html>
4<html lang="en">
5<head>
6  <title>St. Mirren Football Club Programmes</title>
7
8  <meta charset="UTF-8">
9  <meta name="viewport" content="width=device-width, initial-scale=1">
10
11  <meta name="author" content="Derek Drennan">
12  <meta name="keywords" content="football, match, programme, collecting, football article">
13  <meta name="description" content="St. Mirren Programme">
14
15  <link href="/DDStyles.css" rel="stylesheet" type="text/css">
16  <link href="/DDMenu.css" rel="stylesheet" type="text/css">
17
18    
19    
20  
21  

21<script src="https://kit.fontawesome.com/51c6bc5ae3.js" crossorigin="anonymous"></script>

21
22</head>
23<body>
24<div id="wrapper">
25  <header id="header">
26
27    <div id="logo">
28      <picture>
29		<!-- Mobile image -->
30		<source 
31			media="(max-width: 768px)" 
32			srcset="/Img/Header_Mobile_image.jpg">
33		<!-- Desktop image -->
34		<source 
35			media="(min-width: 769px)" 
36			srcset="/Img/Header_Desktop_image.jpg">
37		<!-- Fallback (desktop) -->
38		<img 
39			src="/Img/Header_Desktop_image.jpg" 
40        alt="St Mirren Programme Archive Header">
41		</picture>
42      <div id="social">
43        <a href="https://twitter.com/StMProgs" target="_blank" rel="noopener">
44          <img src="/Img/Twitter.jpg" alt="Twitter">
45        </a>
46      </div>
47
48
49	<label for="menu-toggle" class="menu-toggle-label">☰ Menu</label>
50	<input type="checkbox" id="menu-toggle">
51
52    <nav id="nav">
53      <div class="menu">
54        <ul>
55          <li><a href="/index.html">Home</a></li>
56          <li><a href="/StMirren/StMirren_Progs_1945_Now.html">1st Team</a>
57            <ul>
58              <li><a href="/StMirren/StMirren_Progs_1940s.html">1940's</a></li>
59              <li><a href="/StMirren/StMirren_Progs_1950s.html">1950's</a></li>
60              <li><a href="/StMirren/StMirren_Progs_1960s.html">1960's</a></li>
61              <li><a href="/StMirren/StMirren_Progs_1970s.html">1970's</a></li>
62              <li><a href="/StMirren/StMirren_Progs_1980s.html">1980's</a></li>
63              <li><a href="/StMirren/StMirren_Progs_1990s.html">1990's</a></li>
64              <li><a href="/StMirren/StMirren_Progs_2000s.html">2000's</a></li>
65              <li><a href="/StMirren/StMirren_Progs_2010s.html">2010's</a></li>
66              <li><a href="/StMirren/StMirren_Progs_2020s.html">2020's</a></li>
67            </ul>
68          </li>
69          <li><a href="/StMirren/StM_Progs_Reserves.html">Reserves</a></li>
70          <li><a href="/StM_Big_Match.html">Big Match</a></li>
71          <li><a href="/StM_Miscellaneous.html">Miscellaneous</a></li>
72          <li><a href="/StM_Articles.html">Articles</a></li>
73          <li><a href="/Prog_Links.html">Links</a></li>
74        </ul>
75      </div>
76    </nav>
77    </div>
78  </header>
79
80  <main id="contentarea">
81    <div id="content">
82<h1>Miscellaneous Items involving St. Mirren</h1>
83
84	<p class="BodyText">These pages catalogue additional miscellaneous items involving St. Mirren</p>
85
86	<ul>
87	<li class=listpoint><a href="Miscellaneous/StM_Misc_Progs.php">Pre-War and Unusual Programmes</a></li>
88	<li class=listpoint><a href="Miscellaneous/StM_Misc_Tickets.php">Pre-War and Unusual Tickets</a></li>
89	<li class=listpoint><a href="Miscellaneous/StM_Misc_Youth.php">Youth Tournaments</a></li>
90	<li class=listpoint><a href="Miscellaneous/StM_Misc_Sixes.php">Tennent's Sixes Tournaments</a></li>
91	<li class=listpoint><a href="Miscellaneous/StM_Misc_Handbooks.php">Handbooks and Souvenirs</a></li>
92	<li class=listpoint><a href="Miscellaneous/StM_Misc_Rally.php">Supporter's Rally programmes</a></li>
93	<li class=listpoint><a href="Miscellaneous/StM_Misc_Publications.php">

93Books and other Publications</a></li>
94	<li class=listpoint><a href="Miscellaneous/StM_Misc_Media.php">Media and other passes</a></li>
95	<li class=listpoint><a href="Miscellaneous/StM_Misc_Collectors_Guide.php">A Collectors Guide to St. Mirren Programmes 1946/47 to 1990/91</a></li>
96    </ul>
97
98    </div> <!-- end of content -->
99  </main>
100
101  <footer id="footer">
102    <p class="copyright">
103      &copy; 2009–2026 Derek Drennan – All rights reserved
104    </p>
105    <p class="ownership">Site designed, developed and maintained by Derek Drennan</p>
106    <p class="contact">
107      Contact me at:
108      <a href="mailto:[email protected]">[email protected]</a>
109    </p>
110  </footer>
111
112</div> <!-- end of wrapper -->
113
114    
115    

116<script type="text/javascript">
117function openCity(evt, cityName) {
118  var i, tabcontent, tablinks;
119  tabcontent = document.getElementsByClassName("tabcontent");
120  for (i = 0; i < tabcontent.length; i++) {
121    tabcontent[i].style.display = "none";
122  }
123  tablinks = document.getElementsByClassName("tablinks");
124  for (i = 0; i < tablinks.length; i++) {
125    tablinks[i].className = tablinks[i].className.replace(" active", "");
126  }
127  document.getElementById(cityName).style.display = "block";
128  evt.currentTarget.className += " active";
129}
130
131document.addEventListener("DOMContentLoaded", function () {
132    const scrollAreas = document.querySelectorAll(".table-scroll");
133
134    scrollAreas.forEach(area => {
135        const fade = area; // the ::after fade is tied to this element
136
137        function updateFade() {
138            const atRight = area.scrollLeft + area.clientWidth >= area.scrollWidth - 1;
139            fade.classList.toggle("no-fade", atRight);
140        }
141
142        // Update on scroll and on load
143        area.addEventListener("scroll", updateFade);
144        updateFade();
145    });
146});
147</script>

147
148

149<script>
150document.addEventListener("DOMContentLoaded", function () {
151    document.querySelectorAll(".table-scroll-wrapper").forEach(function (wrap) {
152        const scroller = wrap.querySelector(".table-scroll");
153
154        function updateFade() {
155            const atEnd = scroller.scrollLeft + scroller.clientWidth >= scroller.scrollWidth - 1;
156            wrap.classList.toggle("no-fade", atEnd);
157        }
158
159        scroller.addEventListener("scroll", updateFade);
160        updateFade();
161    });
162});
163</script>

163
164
165
166
167</body>
168</html>