bug: Fix page scroll detection and add browser history support
- Use getBoundingClientRect() in the scroll listener so the active-page threshold is measured relative to the content container rather than the document body, fixing off-by-one page detection. - Replace history.replaceState with pushState for user-initiated navigation (sidebar, prev/next, keyboard) and add a popstate listener so the browser back/forward buttons work correctly. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -187,216 +187,216 @@
|
||||
<p>210 pages</p>
|
||||
</div>
|
||||
<ul id="page-list">
|
||||
<li data-page="0"><button onclick="goTo(0)"><span class="page-num">0</span><span>Page 0</span></button></li>
|
||||
<li data-page="1"><button onclick="goTo(1)"><span class="page-num">1</span><span>Page 1</span></button></li>
|
||||
<li data-page="2"><button onclick="goTo(2)"><span class="page-num">2</span><span>Page 2</span></button></li>
|
||||
<li data-page="3"><button onclick="goTo(3)"><span class="page-num">3</span><span>Page 3</span></button></li>
|
||||
<li data-page="4"><button onclick="goTo(4)"><span class="page-num">4</span><span>Page 4</span></button></li>
|
||||
<li data-page="5"><button onclick="goTo(5)"><span class="page-num">5</span><span>Page 5</span></button></li>
|
||||
<li data-page="6"><button onclick="goTo(6)"><span class="page-num">6</span><span>Page 6</span></button></li>
|
||||
<li data-page="7"><button onclick="goTo(7)"><span class="page-num">7</span><span>Page 7</span></button></li>
|
||||
<li data-page="8"><button onclick="goTo(8)"><span class="page-num">8</span><span>Page 8</span></button></li>
|
||||
<li data-page="9"><button onclick="goTo(9)"><span class="page-num">9</span><span>Page 9</span></button></li>
|
||||
<li data-page="10"><button onclick="goTo(10)"><span class="page-num">10</span><span>Page 10</span></button></li>
|
||||
<li data-page="11"><button onclick="goTo(11)"><span class="page-num">11</span><span>Page 11</span></button></li>
|
||||
<li data-page="12"><button onclick="goTo(12)"><span class="page-num">12</span><span>Page 12</span></button></li>
|
||||
<li data-page="13"><button onclick="goTo(13)"><span class="page-num">13</span><span>Page 13</span></button></li>
|
||||
<li data-page="14"><button onclick="goTo(14)"><span class="page-num">14</span><span>Page 14</span></button></li>
|
||||
<li data-page="15"><button onclick="goTo(15)"><span class="page-num">15</span><span>Page 15</span></button></li>
|
||||
<li data-page="16"><button onclick="goTo(16)"><span class="page-num">16</span><span>Page 16</span></button></li>
|
||||
<li data-page="17"><button onclick="goTo(17)"><span class="page-num">17</span><span>Page 17</span></button></li>
|
||||
<li data-page="18"><button onclick="goTo(18)"><span class="page-num">18</span><span>Page 18</span></button></li>
|
||||
<li data-page="19"><button onclick="goTo(19)"><span class="page-num">19</span><span>Page 19</span></button></li>
|
||||
<li data-page="20"><button onclick="goTo(20)"><span class="page-num">20</span><span>Page 20</span></button></li>
|
||||
<li data-page="21"><button onclick="goTo(21)"><span class="page-num">21</span><span>Page 21</span></button></li>
|
||||
<li data-page="22"><button onclick="goTo(22)"><span class="page-num">22</span><span>Page 22</span></button></li>
|
||||
<li data-page="23"><button onclick="goTo(23)"><span class="page-num">23</span><span>Page 23</span></button></li>
|
||||
<li data-page="24"><button onclick="goTo(24)"><span class="page-num">24</span><span>Page 24</span></button></li>
|
||||
<li data-page="25"><button onclick="goTo(25)"><span class="page-num">25</span><span>Page 25</span></button></li>
|
||||
<li data-page="26"><button onclick="goTo(26)"><span class="page-num">26</span><span>Page 26</span></button></li>
|
||||
<li data-page="27"><button onclick="goTo(27)"><span class="page-num">27</span><span>Page 27</span></button></li>
|
||||
<li data-page="28"><button onclick="goTo(28)"><span class="page-num">28</span><span>Page 28</span></button></li>
|
||||
<li data-page="29"><button onclick="goTo(29)"><span class="page-num">29</span><span>Page 29</span></button></li>
|
||||
<li data-page="30"><button onclick="goTo(30)"><span class="page-num">30</span><span>Page 30</span></button></li>
|
||||
<li data-page="31"><button onclick="goTo(31)"><span class="page-num">31</span><span>Page 31</span></button></li>
|
||||
<li data-page="32"><button onclick="goTo(32)"><span class="page-num">32</span><span>Page 32</span></button></li>
|
||||
<li data-page="33"><button onclick="goTo(33)"><span class="page-num">33</span><span>Page 33</span></button></li>
|
||||
<li data-page="34"><button onclick="goTo(34)"><span class="page-num">34</span><span>Page 34</span></button></li>
|
||||
<li data-page="35"><button onclick="goTo(35)"><span class="page-num">35</span><span>Page 35</span></button></li>
|
||||
<li data-page="36"><button onclick="goTo(36)"><span class="page-num">36</span><span>Page 36</span></button></li>
|
||||
<li data-page="37"><button onclick="goTo(37)"><span class="page-num">37</span><span>Page 37</span></button></li>
|
||||
<li data-page="38"><button onclick="goTo(38)"><span class="page-num">38</span><span>Page 38</span></button></li>
|
||||
<li data-page="39"><button onclick="goTo(39)"><span class="page-num">39</span><span>Page 39</span></button></li>
|
||||
<li data-page="40"><button onclick="goTo(40)"><span class="page-num">40</span><span>Page 40</span></button></li>
|
||||
<li data-page="41"><button onclick="goTo(41)"><span class="page-num">41</span><span>Page 41</span></button></li>
|
||||
<li data-page="42"><button onclick="goTo(42)"><span class="page-num">42</span><span>Page 42</span></button></li>
|
||||
<li data-page="43"><button onclick="goTo(43)"><span class="page-num">43</span><span>Page 43</span></button></li>
|
||||
<li data-page="44"><button onclick="goTo(44)"><span class="page-num">44</span><span>Page 44</span></button></li>
|
||||
<li data-page="45"><button onclick="goTo(45)"><span class="page-num">45</span><span>Page 45</span></button></li>
|
||||
<li data-page="46"><button onclick="goTo(46)"><span class="page-num">46</span><span>Page 46</span></button></li>
|
||||
<li data-page="47"><button onclick="goTo(47)"><span class="page-num">47</span><span>Page 47</span></button></li>
|
||||
<li data-page="48"><button onclick="goTo(48)"><span class="page-num">48</span><span>Page 48</span></button></li>
|
||||
<li data-page="49"><button onclick="goTo(49)"><span class="page-num">49</span><span>Page 49</span></button></li>
|
||||
<li data-page="50"><button onclick="goTo(50)"><span class="page-num">50</span><span>Page 50</span></button></li>
|
||||
<li data-page="51"><button onclick="goTo(51)"><span class="page-num">51</span><span>Page 51</span></button></li>
|
||||
<li data-page="52"><button onclick="goTo(52)"><span class="page-num">52</span><span>Page 52</span></button></li>
|
||||
<li data-page="53"><button onclick="goTo(53)"><span class="page-num">53</span><span>Page 53</span></button></li>
|
||||
<li data-page="54"><button onclick="goTo(54)"><span class="page-num">54</span><span>Page 54</span></button></li>
|
||||
<li data-page="55"><button onclick="goTo(55)"><span class="page-num">55</span><span>Page 55</span></button></li>
|
||||
<li data-page="56"><button onclick="goTo(56)"><span class="page-num">56</span><span>Page 56</span></button></li>
|
||||
<li data-page="57"><button onclick="goTo(57)"><span class="page-num">57</span><span>Page 57</span></button></li>
|
||||
<li data-page="58"><button onclick="goTo(58)"><span class="page-num">58</span><span>Page 58</span></button></li>
|
||||
<li data-page="59"><button onclick="goTo(59)"><span class="page-num">59</span><span>Page 59</span></button></li>
|
||||
<li data-page="60"><button onclick="goTo(60)"><span class="page-num">60</span><span>Page 60</span></button></li>
|
||||
<li data-page="61"><button onclick="goTo(61)"><span class="page-num">61</span><span>Page 61</span></button></li>
|
||||
<li data-page="62"><button onclick="goTo(62)"><span class="page-num">62</span><span>Page 62</span></button></li>
|
||||
<li data-page="63"><button onclick="goTo(63)"><span class="page-num">63</span><span>Page 63</span></button></li>
|
||||
<li data-page="64"><button onclick="goTo(64)"><span class="page-num">64</span><span>Page 64</span></button></li>
|
||||
<li data-page="65"><button onclick="goTo(65)"><span class="page-num">65</span><span>Page 65</span></button></li>
|
||||
<li data-page="66"><button onclick="goTo(66)"><span class="page-num">66</span><span>Page 66</span></button></li>
|
||||
<li data-page="67"><button onclick="goTo(67)"><span class="page-num">67</span><span>Page 67</span></button></li>
|
||||
<li data-page="68"><button onclick="goTo(68)"><span class="page-num">68</span><span>Page 68</span></button></li>
|
||||
<li data-page="69"><button onclick="goTo(69)"><span class="page-num">69</span><span>Page 69</span></button></li>
|
||||
<li data-page="70"><button onclick="goTo(70)"><span class="page-num">70</span><span>Page 70</span></button></li>
|
||||
<li data-page="71"><button onclick="goTo(71)"><span class="page-num">71</span><span>Page 71</span></button></li>
|
||||
<li data-page="72"><button onclick="goTo(72)"><span class="page-num">72</span><span>Page 72</span></button></li>
|
||||
<li data-page="73"><button onclick="goTo(73)"><span class="page-num">73</span><span>Page 73</span></button></li>
|
||||
<li data-page="74"><button onclick="goTo(74)"><span class="page-num">74</span><span>Page 74</span></button></li>
|
||||
<li data-page="75"><button onclick="goTo(75)"><span class="page-num">75</span><span>Page 75</span></button></li>
|
||||
<li data-page="76"><button onclick="goTo(76)"><span class="page-num">76</span><span>Page 76</span></button></li>
|
||||
<li data-page="77"><button onclick="goTo(77)"><span class="page-num">77</span><span>Page 77</span></button></li>
|
||||
<li data-page="78"><button onclick="goTo(78)"><span class="page-num">78</span><span>Page 78</span></button></li>
|
||||
<li data-page="79"><button onclick="goTo(79)"><span class="page-num">79</span><span>Page 79</span></button></li>
|
||||
<li data-page="80"><button onclick="goTo(80)"><span class="page-num">80</span><span>Page 80</span></button></li>
|
||||
<li data-page="81"><button onclick="goTo(81)"><span class="page-num">81</span><span>Page 81</span></button></li>
|
||||
<li data-page="82"><button onclick="goTo(82)"><span class="page-num">82</span><span>Page 82</span></button></li>
|
||||
<li data-page="83"><button onclick="goTo(83)"><span class="page-num">83</span><span>Page 83</span></button></li>
|
||||
<li data-page="84"><button onclick="goTo(84)"><span class="page-num">84</span><span>Page 84</span></button></li>
|
||||
<li data-page="85"><button onclick="goTo(85)"><span class="page-num">85</span><span>Page 85</span></button></li>
|
||||
<li data-page="86"><button onclick="goTo(86)"><span class="page-num">86</span><span>Page 86</span></button></li>
|
||||
<li data-page="87"><button onclick="goTo(87)"><span class="page-num">87</span><span>Page 87</span></button></li>
|
||||
<li data-page="88"><button onclick="goTo(88)"><span class="page-num">88</span><span>Page 88</span></button></li>
|
||||
<li data-page="89"><button onclick="goTo(89)"><span class="page-num">89</span><span>Page 89</span></button></li>
|
||||
<li data-page="90"><button onclick="goTo(90)"><span class="page-num">90</span><span>Page 90</span></button></li>
|
||||
<li data-page="91"><button onclick="goTo(91)"><span class="page-num">91</span><span>Page 91</span></button></li>
|
||||
<li data-page="92"><button onclick="goTo(92)"><span class="page-num">92</span><span>Page 92</span></button></li>
|
||||
<li data-page="93"><button onclick="goTo(93)"><span class="page-num">93</span><span>Page 93</span></button></li>
|
||||
<li data-page="94"><button onclick="goTo(94)"><span class="page-num">94</span><span>Page 94</span></button></li>
|
||||
<li data-page="95"><button onclick="goTo(95)"><span class="page-num">95</span><span>Page 95</span></button></li>
|
||||
<li data-page="96"><button onclick="goTo(96)"><span class="page-num">96</span><span>Page 96</span></button></li>
|
||||
<li data-page="97"><button onclick="goTo(97)"><span class="page-num">97</span><span>Page 97</span></button></li>
|
||||
<li data-page="98"><button onclick="goTo(98)"><span class="page-num">98</span><span>Page 98</span></button></li>
|
||||
<li data-page="99"><button onclick="goTo(99)"><span class="page-num">99</span><span>Page 99</span></button></li>
|
||||
<li data-page="100"><button onclick="goTo(100)"><span class="page-num">100</span><span>Page 100</span></button></li>
|
||||
<li data-page="101"><button onclick="goTo(101)"><span class="page-num">101</span><span>Page 101</span></button></li>
|
||||
<li data-page="102"><button onclick="goTo(102)"><span class="page-num">102</span><span>Page 102</span></button></li>
|
||||
<li data-page="103"><button onclick="goTo(103)"><span class="page-num">103</span><span>Page 103</span></button></li>
|
||||
<li data-page="104"><button onclick="goTo(104)"><span class="page-num">104</span><span>Page 104</span></button></li>
|
||||
<li data-page="105"><button onclick="goTo(105)"><span class="page-num">105</span><span>Page 105</span></button></li>
|
||||
<li data-page="106"><button onclick="goTo(106)"><span class="page-num">106</span><span>Page 106</span></button></li>
|
||||
<li data-page="107"><button onclick="goTo(107)"><span class="page-num">107</span><span>Page 107</span></button></li>
|
||||
<li data-page="108"><button onclick="goTo(108)"><span class="page-num">108</span><span>Page 108</span></button></li>
|
||||
<li data-page="109"><button onclick="goTo(109)"><span class="page-num">109</span><span>Page 109</span></button></li>
|
||||
<li data-page="110"><button onclick="goTo(110)"><span class="page-num">110</span><span>Page 110</span></button></li>
|
||||
<li data-page="111"><button onclick="goTo(111)"><span class="page-num">111</span><span>Page 111</span></button></li>
|
||||
<li data-page="112"><button onclick="goTo(112)"><span class="page-num">112</span><span>Page 112</span></button></li>
|
||||
<li data-page="113"><button onclick="goTo(113)"><span class="page-num">113</span><span>Page 113</span></button></li>
|
||||
<li data-page="114"><button onclick="goTo(114)"><span class="page-num">114</span><span>Page 114</span></button></li>
|
||||
<li data-page="115"><button onclick="goTo(115)"><span class="page-num">115</span><span>Page 115</span></button></li>
|
||||
<li data-page="116"><button onclick="goTo(116)"><span class="page-num">116</span><span>Page 116</span></button></li>
|
||||
<li data-page="117"><button onclick="goTo(117)"><span class="page-num">117</span><span>Page 117</span></button></li>
|
||||
<li data-page="118"><button onclick="goTo(118)"><span class="page-num">118</span><span>Page 118</span></button></li>
|
||||
<li data-page="119"><button onclick="goTo(119)"><span class="page-num">119</span><span>Page 119</span></button></li>
|
||||
<li data-page="120"><button onclick="goTo(120)"><span class="page-num">120</span><span>Page 120</span></button></li>
|
||||
<li data-page="121"><button onclick="goTo(121)"><span class="page-num">121</span><span>Page 121</span></button></li>
|
||||
<li data-page="122"><button onclick="goTo(122)"><span class="page-num">122</span><span>Page 122</span></button></li>
|
||||
<li data-page="123"><button onclick="goTo(123)"><span class="page-num">123</span><span>Page 123</span></button></li>
|
||||
<li data-page="124"><button onclick="goTo(124)"><span class="page-num">124</span><span>Page 124</span></button></li>
|
||||
<li data-page="125"><button onclick="goTo(125)"><span class="page-num">125</span><span>Page 125</span></button></li>
|
||||
<li data-page="126"><button onclick="goTo(126)"><span class="page-num">126</span><span>Page 126</span></button></li>
|
||||
<li data-page="127"><button onclick="goTo(127)"><span class="page-num">127</span><span>Page 127</span></button></li>
|
||||
<li data-page="128"><button onclick="goTo(128)"><span class="page-num">128</span><span>Page 128</span></button></li>
|
||||
<li data-page="129"><button onclick="goTo(129)"><span class="page-num">129</span><span>Page 129</span></button></li>
|
||||
<li data-page="130"><button onclick="goTo(130)"><span class="page-num">130</span><span>Page 130</span></button></li>
|
||||
<li data-page="131"><button onclick="goTo(131)"><span class="page-num">131</span><span>Page 131</span></button></li>
|
||||
<li data-page="132"><button onclick="goTo(132)"><span class="page-num">132</span><span>Page 132</span></button></li>
|
||||
<li data-page="133"><button onclick="goTo(133)"><span class="page-num">133</span><span>Page 133</span></button></li>
|
||||
<li data-page="134"><button onclick="goTo(134)"><span class="page-num">134</span><span>Page 134</span></button></li>
|
||||
<li data-page="135"><button onclick="goTo(135)"><span class="page-num">135</span><span>Page 135</span></button></li>
|
||||
<li data-page="136"><button onclick="goTo(136)"><span class="page-num">136</span><span>Page 136</span></button></li>
|
||||
<li data-page="137"><button onclick="goTo(137)"><span class="page-num">137</span><span>Page 137</span></button></li>
|
||||
<li data-page="138"><button onclick="goTo(138)"><span class="page-num">138</span><span>Page 138</span></button></li>
|
||||
<li data-page="139"><button onclick="goTo(139)"><span class="page-num">139</span><span>Page 139</span></button></li>
|
||||
<li data-page="140"><button onclick="goTo(140)"><span class="page-num">140</span><span>Page 140</span></button></li>
|
||||
<li data-page="141"><button onclick="goTo(141)"><span class="page-num">141</span><span>Page 141</span></button></li>
|
||||
<li data-page="142"><button onclick="goTo(142)"><span class="page-num">142</span><span>Page 142</span></button></li>
|
||||
<li data-page="143"><button onclick="goTo(143)"><span class="page-num">143</span><span>Page 143</span></button></li>
|
||||
<li data-page="144"><button onclick="goTo(144)"><span class="page-num">144</span><span>Page 144</span></button></li>
|
||||
<li data-page="145"><button onclick="goTo(145)"><span class="page-num">145</span><span>Page 145</span></button></li>
|
||||
<li data-page="146"><button onclick="goTo(146)"><span class="page-num">146</span><span>Page 146</span></button></li>
|
||||
<li data-page="147"><button onclick="goTo(147)"><span class="page-num">147</span><span>Page 147</span></button></li>
|
||||
<li data-page="148"><button onclick="goTo(148)"><span class="page-num">148</span><span>Page 148</span></button></li>
|
||||
<li data-page="149"><button onclick="goTo(149)"><span class="page-num">149</span><span>Page 149</span></button></li>
|
||||
<li data-page="150"><button onclick="goTo(150)"><span class="page-num">150</span><span>Page 150</span></button></li>
|
||||
<li data-page="151"><button onclick="goTo(151)"><span class="page-num">151</span><span>Page 151</span></button></li>
|
||||
<li data-page="152"><button onclick="goTo(152)"><span class="page-num">152</span><span>Page 152</span></button></li>
|
||||
<li data-page="153"><button onclick="goTo(153)"><span class="page-num">153</span><span>Page 153</span></button></li>
|
||||
<li data-page="154"><button onclick="goTo(154)"><span class="page-num">154</span><span>Page 154</span></button></li>
|
||||
<li data-page="155"><button onclick="goTo(155)"><span class="page-num">155</span><span>Page 155</span></button></li>
|
||||
<li data-page="156"><button onclick="goTo(156)"><span class="page-num">156</span><span>Page 156</span></button></li>
|
||||
<li data-page="157"><button onclick="goTo(157)"><span class="page-num">157</span><span>Page 157</span></button></li>
|
||||
<li data-page="158"><button onclick="goTo(158)"><span class="page-num">158</span><span>Page 158</span></button></li>
|
||||
<li data-page="159"><button onclick="goTo(159)"><span class="page-num">159</span><span>Page 159</span></button></li>
|
||||
<li data-page="160"><button onclick="goTo(160)"><span class="page-num">160</span><span>Page 160</span></button></li>
|
||||
<li data-page="161"><button onclick="goTo(161)"><span class="page-num">161</span><span>Page 161</span></button></li>
|
||||
<li data-page="162"><button onclick="goTo(162)"><span class="page-num">162</span><span>Page 162</span></button></li>
|
||||
<li data-page="163"><button onclick="goTo(163)"><span class="page-num">163</span><span>Page 163</span></button></li>
|
||||
<li data-page="164"><button onclick="goTo(164)"><span class="page-num">164</span><span>Page 164</span></button></li>
|
||||
<li data-page="165"><button onclick="goTo(165)"><span class="page-num">165</span><span>Page 165</span></button></li>
|
||||
<li data-page="166"><button onclick="goTo(166)"><span class="page-num">166</span><span>Page 166</span></button></li>
|
||||
<li data-page="167"><button onclick="goTo(167)"><span class="page-num">167</span><span>Page 167</span></button></li>
|
||||
<li data-page="168"><button onclick="goTo(168)"><span class="page-num">168</span><span>Page 168</span></button></li>
|
||||
<li data-page="169"><button onclick="goTo(169)"><span class="page-num">169</span><span>Page 169</span></button></li>
|
||||
<li data-page="170"><button onclick="goTo(170)"><span class="page-num">170</span><span>Page 170</span></button></li>
|
||||
<li data-page="171"><button onclick="goTo(171)"><span class="page-num">171</span><span>Page 171</span></button></li>
|
||||
<li data-page="172"><button onclick="goTo(172)"><span class="page-num">172</span><span>Page 172</span></button></li>
|
||||
<li data-page="173"><button onclick="goTo(173)"><span class="page-num">173</span><span>Page 173</span></button></li>
|
||||
<li data-page="174"><button onclick="goTo(174)"><span class="page-num">174</span><span>Page 174</span></button></li>
|
||||
<li data-page="175"><button onclick="goTo(175)"><span class="page-num">175</span><span>Page 175</span></button></li>
|
||||
<li data-page="176"><button onclick="goTo(176)"><span class="page-num">176</span><span>Page 176</span></button></li>
|
||||
<li data-page="177"><button onclick="goTo(177)"><span class="page-num">177</span><span>Page 177</span></button></li>
|
||||
<li data-page="178"><button onclick="goTo(178)"><span class="page-num">178</span><span>Page 178</span></button></li>
|
||||
<li data-page="179"><button onclick="goTo(179)"><span class="page-num">179</span><span>Page 179</span></button></li>
|
||||
<li data-page="180"><button onclick="goTo(180)"><span class="page-num">180</span><span>Page 180</span></button></li>
|
||||
<li data-page="181"><button onclick="goTo(181)"><span class="page-num">181</span><span>Page 181</span></button></li>
|
||||
<li data-page="182"><button onclick="goTo(182)"><span class="page-num">182</span><span>Page 182</span></button></li>
|
||||
<li data-page="183"><button onclick="goTo(183)"><span class="page-num">183</span><span>Page 183</span></button></li>
|
||||
<li data-page="184"><button onclick="goTo(184)"><span class="page-num">184</span><span>Page 184</span></button></li>
|
||||
<li data-page="185"><button onclick="goTo(185)"><span class="page-num">185</span><span>Page 185</span></button></li>
|
||||
<li data-page="186"><button onclick="goTo(186)"><span class="page-num">186</span><span>Page 186</span></button></li>
|
||||
<li data-page="187"><button onclick="goTo(187)"><span class="page-num">187</span><span>Page 187</span></button></li>
|
||||
<li data-page="188"><button onclick="goTo(188)"><span class="page-num">188</span><span>Page 188</span></button></li>
|
||||
<li data-page="189"><button onclick="goTo(189)"><span class="page-num">189</span><span>Page 189</span></button></li>
|
||||
<li data-page="190"><button onclick="goTo(190)"><span class="page-num">190</span><span>Page 190</span></button></li>
|
||||
<li data-page="191"><button onclick="goTo(191)"><span class="page-num">191</span><span>Page 191</span></button></li>
|
||||
<li data-page="192"><button onclick="goTo(192)"><span class="page-num">192</span><span>Page 192</span></button></li>
|
||||
<li data-page="193"><button onclick="goTo(193)"><span class="page-num">193</span><span>Page 193</span></button></li>
|
||||
<li data-page="194"><button onclick="goTo(194)"><span class="page-num">194</span><span>Page 194</span></button></li>
|
||||
<li data-page="195"><button onclick="goTo(195)"><span class="page-num">195</span><span>Page 195</span></button></li>
|
||||
<li data-page="196"><button onclick="goTo(196)"><span class="page-num">196</span><span>Page 196</span></button></li>
|
||||
<li data-page="197"><button onclick="goTo(197)"><span class="page-num">197</span><span>Page 197</span></button></li>
|
||||
<li data-page="198"><button onclick="goTo(198)"><span class="page-num">198</span><span>Page 198</span></button></li>
|
||||
<li data-page="199"><button onclick="goTo(199)"><span class="page-num">199</span><span>Page 199</span></button></li>
|
||||
<li data-page="200"><button onclick="goTo(200)"><span class="page-num">200</span><span>Page 200</span></button></li>
|
||||
<li data-page="201"><button onclick="goTo(201)"><span class="page-num">201</span><span>Page 201</span></button></li>
|
||||
<li data-page="202"><button onclick="goTo(202)"><span class="page-num">202</span><span>Page 202</span></button></li>
|
||||
<li data-page="203"><button onclick="goTo(203)"><span class="page-num">203</span><span>Page 203</span></button></li>
|
||||
<li data-page="204"><button onclick="goTo(204)"><span class="page-num">204</span><span>Page 204</span></button></li>
|
||||
<li data-page="205"><button onclick="goTo(205)"><span class="page-num">205</span><span>Page 205</span></button></li>
|
||||
<li data-page="206"><button onclick="goTo(206)"><span class="page-num">206</span><span>Page 206</span></button></li>
|
||||
<li data-page="207"><button onclick="goTo(207)"><span class="page-num">207</span><span>Page 207</span></button></li>
|
||||
<li data-page="208"><button onclick="goTo(208)"><span class="page-num">208</span><span>Page 208</span></button></li>
|
||||
<li data-page="209"><button onclick="goTo(209)"><span class="page-num">209</span><span>Page 209</span></button></li>
|
||||
<li data-page="0"><button onclick="goTo(0,false,true)"><span class="page-num">0</span><span>Page 0</span></button></li>
|
||||
<li data-page="1"><button onclick="goTo(1,false,true)"><span class="page-num">1</span><span>Page 1</span></button></li>
|
||||
<li data-page="2"><button onclick="goTo(2,false,true)"><span class="page-num">2</span><span>Page 2</span></button></li>
|
||||
<li data-page="3"><button onclick="goTo(3,false,true)"><span class="page-num">3</span><span>Page 3</span></button></li>
|
||||
<li data-page="4"><button onclick="goTo(4,false,true)"><span class="page-num">4</span><span>Page 4</span></button></li>
|
||||
<li data-page="5"><button onclick="goTo(5,false,true)"><span class="page-num">5</span><span>Page 5</span></button></li>
|
||||
<li data-page="6"><button onclick="goTo(6,false,true)"><span class="page-num">6</span><span>Page 6</span></button></li>
|
||||
<li data-page="7"><button onclick="goTo(7,false,true)"><span class="page-num">7</span><span>Page 7</span></button></li>
|
||||
<li data-page="8"><button onclick="goTo(8,false,true)"><span class="page-num">8</span><span>Page 8</span></button></li>
|
||||
<li data-page="9"><button onclick="goTo(9,false,true)"><span class="page-num">9</span><span>Page 9</span></button></li>
|
||||
<li data-page="10"><button onclick="goTo(10,false,true)"><span class="page-num">10</span><span>Page 10</span></button></li>
|
||||
<li data-page="11"><button onclick="goTo(11,false,true)"><span class="page-num">11</span><span>Page 11</span></button></li>
|
||||
<li data-page="12"><button onclick="goTo(12,false,true)"><span class="page-num">12</span><span>Page 12</span></button></li>
|
||||
<li data-page="13"><button onclick="goTo(13,false,true)"><span class="page-num">13</span><span>Page 13</span></button></li>
|
||||
<li data-page="14"><button onclick="goTo(14,false,true)"><span class="page-num">14</span><span>Page 14</span></button></li>
|
||||
<li data-page="15"><button onclick="goTo(15,false,true)"><span class="page-num">15</span><span>Page 15</span></button></li>
|
||||
<li data-page="16"><button onclick="goTo(16,false,true)"><span class="page-num">16</span><span>Page 16</span></button></li>
|
||||
<li data-page="17"><button onclick="goTo(17,false,true)"><span class="page-num">17</span><span>Page 17</span></button></li>
|
||||
<li data-page="18"><button onclick="goTo(18,false,true)"><span class="page-num">18</span><span>Page 18</span></button></li>
|
||||
<li data-page="19"><button onclick="goTo(19,false,true)"><span class="page-num">19</span><span>Page 19</span></button></li>
|
||||
<li data-page="20"><button onclick="goTo(20,false,true)"><span class="page-num">20</span><span>Page 20</span></button></li>
|
||||
<li data-page="21"><button onclick="goTo(21,false,true)"><span class="page-num">21</span><span>Page 21</span></button></li>
|
||||
<li data-page="22"><button onclick="goTo(22,false,true)"><span class="page-num">22</span><span>Page 22</span></button></li>
|
||||
<li data-page="23"><button onclick="goTo(23,false,true)"><span class="page-num">23</span><span>Page 23</span></button></li>
|
||||
<li data-page="24"><button onclick="goTo(24,false,true)"><span class="page-num">24</span><span>Page 24</span></button></li>
|
||||
<li data-page="25"><button onclick="goTo(25,false,true)"><span class="page-num">25</span><span>Page 25</span></button></li>
|
||||
<li data-page="26"><button onclick="goTo(26,false,true)"><span class="page-num">26</span><span>Page 26</span></button></li>
|
||||
<li data-page="27"><button onclick="goTo(27,false,true)"><span class="page-num">27</span><span>Page 27</span></button></li>
|
||||
<li data-page="28"><button onclick="goTo(28,false,true)"><span class="page-num">28</span><span>Page 28</span></button></li>
|
||||
<li data-page="29"><button onclick="goTo(29,false,true)"><span class="page-num">29</span><span>Page 29</span></button></li>
|
||||
<li data-page="30"><button onclick="goTo(30,false,true)"><span class="page-num">30</span><span>Page 30</span></button></li>
|
||||
<li data-page="31"><button onclick="goTo(31,false,true)"><span class="page-num">31</span><span>Page 31</span></button></li>
|
||||
<li data-page="32"><button onclick="goTo(32,false,true)"><span class="page-num">32</span><span>Page 32</span></button></li>
|
||||
<li data-page="33"><button onclick="goTo(33,false,true)"><span class="page-num">33</span><span>Page 33</span></button></li>
|
||||
<li data-page="34"><button onclick="goTo(34,false,true)"><span class="page-num">34</span><span>Page 34</span></button></li>
|
||||
<li data-page="35"><button onclick="goTo(35,false,true)"><span class="page-num">35</span><span>Page 35</span></button></li>
|
||||
<li data-page="36"><button onclick="goTo(36,false,true)"><span class="page-num">36</span><span>Page 36</span></button></li>
|
||||
<li data-page="37"><button onclick="goTo(37,false,true)"><span class="page-num">37</span><span>Page 37</span></button></li>
|
||||
<li data-page="38"><button onclick="goTo(38,false,true)"><span class="page-num">38</span><span>Page 38</span></button></li>
|
||||
<li data-page="39"><button onclick="goTo(39,false,true)"><span class="page-num">39</span><span>Page 39</span></button></li>
|
||||
<li data-page="40"><button onclick="goTo(40,false,true)"><span class="page-num">40</span><span>Page 40</span></button></li>
|
||||
<li data-page="41"><button onclick="goTo(41,false,true)"><span class="page-num">41</span><span>Page 41</span></button></li>
|
||||
<li data-page="42"><button onclick="goTo(42,false,true)"><span class="page-num">42</span><span>Page 42</span></button></li>
|
||||
<li data-page="43"><button onclick="goTo(43,false,true)"><span class="page-num">43</span><span>Page 43</span></button></li>
|
||||
<li data-page="44"><button onclick="goTo(44,false,true)"><span class="page-num">44</span><span>Page 44</span></button></li>
|
||||
<li data-page="45"><button onclick="goTo(45,false,true)"><span class="page-num">45</span><span>Page 45</span></button></li>
|
||||
<li data-page="46"><button onclick="goTo(46,false,true)"><span class="page-num">46</span><span>Page 46</span></button></li>
|
||||
<li data-page="47"><button onclick="goTo(47,false,true)"><span class="page-num">47</span><span>Page 47</span></button></li>
|
||||
<li data-page="48"><button onclick="goTo(48,false,true)"><span class="page-num">48</span><span>Page 48</span></button></li>
|
||||
<li data-page="49"><button onclick="goTo(49,false,true)"><span class="page-num">49</span><span>Page 49</span></button></li>
|
||||
<li data-page="50"><button onclick="goTo(50,false,true)"><span class="page-num">50</span><span>Page 50</span></button></li>
|
||||
<li data-page="51"><button onclick="goTo(51,false,true)"><span class="page-num">51</span><span>Page 51</span></button></li>
|
||||
<li data-page="52"><button onclick="goTo(52,false,true)"><span class="page-num">52</span><span>Page 52</span></button></li>
|
||||
<li data-page="53"><button onclick="goTo(53,false,true)"><span class="page-num">53</span><span>Page 53</span></button></li>
|
||||
<li data-page="54"><button onclick="goTo(54,false,true)"><span class="page-num">54</span><span>Page 54</span></button></li>
|
||||
<li data-page="55"><button onclick="goTo(55,false,true)"><span class="page-num">55</span><span>Page 55</span></button></li>
|
||||
<li data-page="56"><button onclick="goTo(56,false,true)"><span class="page-num">56</span><span>Page 56</span></button></li>
|
||||
<li data-page="57"><button onclick="goTo(57,false,true)"><span class="page-num">57</span><span>Page 57</span></button></li>
|
||||
<li data-page="58"><button onclick="goTo(58,false,true)"><span class="page-num">58</span><span>Page 58</span></button></li>
|
||||
<li data-page="59"><button onclick="goTo(59,false,true)"><span class="page-num">59</span><span>Page 59</span></button></li>
|
||||
<li data-page="60"><button onclick="goTo(60,false,true)"><span class="page-num">60</span><span>Page 60</span></button></li>
|
||||
<li data-page="61"><button onclick="goTo(61,false,true)"><span class="page-num">61</span><span>Page 61</span></button></li>
|
||||
<li data-page="62"><button onclick="goTo(62,false,true)"><span class="page-num">62</span><span>Page 62</span></button></li>
|
||||
<li data-page="63"><button onclick="goTo(63,false,true)"><span class="page-num">63</span><span>Page 63</span></button></li>
|
||||
<li data-page="64"><button onclick="goTo(64,false,true)"><span class="page-num">64</span><span>Page 64</span></button></li>
|
||||
<li data-page="65"><button onclick="goTo(65,false,true)"><span class="page-num">65</span><span>Page 65</span></button></li>
|
||||
<li data-page="66"><button onclick="goTo(66,false,true)"><span class="page-num">66</span><span>Page 66</span></button></li>
|
||||
<li data-page="67"><button onclick="goTo(67,false,true)"><span class="page-num">67</span><span>Page 67</span></button></li>
|
||||
<li data-page="68"><button onclick="goTo(68,false,true)"><span class="page-num">68</span><span>Page 68</span></button></li>
|
||||
<li data-page="69"><button onclick="goTo(69,false,true)"><span class="page-num">69</span><span>Page 69</span></button></li>
|
||||
<li data-page="70"><button onclick="goTo(70,false,true)"><span class="page-num">70</span><span>Page 70</span></button></li>
|
||||
<li data-page="71"><button onclick="goTo(71,false,true)"><span class="page-num">71</span><span>Page 71</span></button></li>
|
||||
<li data-page="72"><button onclick="goTo(72,false,true)"><span class="page-num">72</span><span>Page 72</span></button></li>
|
||||
<li data-page="73"><button onclick="goTo(73,false,true)"><span class="page-num">73</span><span>Page 73</span></button></li>
|
||||
<li data-page="74"><button onclick="goTo(74,false,true)"><span class="page-num">74</span><span>Page 74</span></button></li>
|
||||
<li data-page="75"><button onclick="goTo(75,false,true)"><span class="page-num">75</span><span>Page 75</span></button></li>
|
||||
<li data-page="76"><button onclick="goTo(76,false,true)"><span class="page-num">76</span><span>Page 76</span></button></li>
|
||||
<li data-page="77"><button onclick="goTo(77,false,true)"><span class="page-num">77</span><span>Page 77</span></button></li>
|
||||
<li data-page="78"><button onclick="goTo(78,false,true)"><span class="page-num">78</span><span>Page 78</span></button></li>
|
||||
<li data-page="79"><button onclick="goTo(79,false,true)"><span class="page-num">79</span><span>Page 79</span></button></li>
|
||||
<li data-page="80"><button onclick="goTo(80,false,true)"><span class="page-num">80</span><span>Page 80</span></button></li>
|
||||
<li data-page="81"><button onclick="goTo(81,false,true)"><span class="page-num">81</span><span>Page 81</span></button></li>
|
||||
<li data-page="82"><button onclick="goTo(82,false,true)"><span class="page-num">82</span><span>Page 82</span></button></li>
|
||||
<li data-page="83"><button onclick="goTo(83,false,true)"><span class="page-num">83</span><span>Page 83</span></button></li>
|
||||
<li data-page="84"><button onclick="goTo(84,false,true)"><span class="page-num">84</span><span>Page 84</span></button></li>
|
||||
<li data-page="85"><button onclick="goTo(85,false,true)"><span class="page-num">85</span><span>Page 85</span></button></li>
|
||||
<li data-page="86"><button onclick="goTo(86,false,true)"><span class="page-num">86</span><span>Page 86</span></button></li>
|
||||
<li data-page="87"><button onclick="goTo(87,false,true)"><span class="page-num">87</span><span>Page 87</span></button></li>
|
||||
<li data-page="88"><button onclick="goTo(88,false,true)"><span class="page-num">88</span><span>Page 88</span></button></li>
|
||||
<li data-page="89"><button onclick="goTo(89,false,true)"><span class="page-num">89</span><span>Page 89</span></button></li>
|
||||
<li data-page="90"><button onclick="goTo(90,false,true)"><span class="page-num">90</span><span>Page 90</span></button></li>
|
||||
<li data-page="91"><button onclick="goTo(91,false,true)"><span class="page-num">91</span><span>Page 91</span></button></li>
|
||||
<li data-page="92"><button onclick="goTo(92,false,true)"><span class="page-num">92</span><span>Page 92</span></button></li>
|
||||
<li data-page="93"><button onclick="goTo(93,false,true)"><span class="page-num">93</span><span>Page 93</span></button></li>
|
||||
<li data-page="94"><button onclick="goTo(94,false,true)"><span class="page-num">94</span><span>Page 94</span></button></li>
|
||||
<li data-page="95"><button onclick="goTo(95,false,true)"><span class="page-num">95</span><span>Page 95</span></button></li>
|
||||
<li data-page="96"><button onclick="goTo(96,false,true)"><span class="page-num">96</span><span>Page 96</span></button></li>
|
||||
<li data-page="97"><button onclick="goTo(97,false,true)"><span class="page-num">97</span><span>Page 97</span></button></li>
|
||||
<li data-page="98"><button onclick="goTo(98,false,true)"><span class="page-num">98</span><span>Page 98</span></button></li>
|
||||
<li data-page="99"><button onclick="goTo(99,false,true)"><span class="page-num">99</span><span>Page 99</span></button></li>
|
||||
<li data-page="100"><button onclick="goTo(100,false,true)"><span class="page-num">100</span><span>Page 100</span></button></li>
|
||||
<li data-page="101"><button onclick="goTo(101,false,true)"><span class="page-num">101</span><span>Page 101</span></button></li>
|
||||
<li data-page="102"><button onclick="goTo(102,false,true)"><span class="page-num">102</span><span>Page 102</span></button></li>
|
||||
<li data-page="103"><button onclick="goTo(103,false,true)"><span class="page-num">103</span><span>Page 103</span></button></li>
|
||||
<li data-page="104"><button onclick="goTo(104,false,true)"><span class="page-num">104</span><span>Page 104</span></button></li>
|
||||
<li data-page="105"><button onclick="goTo(105,false,true)"><span class="page-num">105</span><span>Page 105</span></button></li>
|
||||
<li data-page="106"><button onclick="goTo(106,false,true)"><span class="page-num">106</span><span>Page 106</span></button></li>
|
||||
<li data-page="107"><button onclick="goTo(107,false,true)"><span class="page-num">107</span><span>Page 107</span></button></li>
|
||||
<li data-page="108"><button onclick="goTo(108,false,true)"><span class="page-num">108</span><span>Page 108</span></button></li>
|
||||
<li data-page="109"><button onclick="goTo(109,false,true)"><span class="page-num">109</span><span>Page 109</span></button></li>
|
||||
<li data-page="110"><button onclick="goTo(110,false,true)"><span class="page-num">110</span><span>Page 110</span></button></li>
|
||||
<li data-page="111"><button onclick="goTo(111,false,true)"><span class="page-num">111</span><span>Page 111</span></button></li>
|
||||
<li data-page="112"><button onclick="goTo(112,false,true)"><span class="page-num">112</span><span>Page 112</span></button></li>
|
||||
<li data-page="113"><button onclick="goTo(113,false,true)"><span class="page-num">113</span><span>Page 113</span></button></li>
|
||||
<li data-page="114"><button onclick="goTo(114,false,true)"><span class="page-num">114</span><span>Page 114</span></button></li>
|
||||
<li data-page="115"><button onclick="goTo(115,false,true)"><span class="page-num">115</span><span>Page 115</span></button></li>
|
||||
<li data-page="116"><button onclick="goTo(116,false,true)"><span class="page-num">116</span><span>Page 116</span></button></li>
|
||||
<li data-page="117"><button onclick="goTo(117,false,true)"><span class="page-num">117</span><span>Page 117</span></button></li>
|
||||
<li data-page="118"><button onclick="goTo(118,false,true)"><span class="page-num">118</span><span>Page 118</span></button></li>
|
||||
<li data-page="119"><button onclick="goTo(119,false,true)"><span class="page-num">119</span><span>Page 119</span></button></li>
|
||||
<li data-page="120"><button onclick="goTo(120,false,true)"><span class="page-num">120</span><span>Page 120</span></button></li>
|
||||
<li data-page="121"><button onclick="goTo(121,false,true)"><span class="page-num">121</span><span>Page 121</span></button></li>
|
||||
<li data-page="122"><button onclick="goTo(122,false,true)"><span class="page-num">122</span><span>Page 122</span></button></li>
|
||||
<li data-page="123"><button onclick="goTo(123,false,true)"><span class="page-num">123</span><span>Page 123</span></button></li>
|
||||
<li data-page="124"><button onclick="goTo(124,false,true)"><span class="page-num">124</span><span>Page 124</span></button></li>
|
||||
<li data-page="125"><button onclick="goTo(125,false,true)"><span class="page-num">125</span><span>Page 125</span></button></li>
|
||||
<li data-page="126"><button onclick="goTo(126,false,true)"><span class="page-num">126</span><span>Page 126</span></button></li>
|
||||
<li data-page="127"><button onclick="goTo(127,false,true)"><span class="page-num">127</span><span>Page 127</span></button></li>
|
||||
<li data-page="128"><button onclick="goTo(128,false,true)"><span class="page-num">128</span><span>Page 128</span></button></li>
|
||||
<li data-page="129"><button onclick="goTo(129,false,true)"><span class="page-num">129</span><span>Page 129</span></button></li>
|
||||
<li data-page="130"><button onclick="goTo(130,false,true)"><span class="page-num">130</span><span>Page 130</span></button></li>
|
||||
<li data-page="131"><button onclick="goTo(131,false,true)"><span class="page-num">131</span><span>Page 131</span></button></li>
|
||||
<li data-page="132"><button onclick="goTo(132,false,true)"><span class="page-num">132</span><span>Page 132</span></button></li>
|
||||
<li data-page="133"><button onclick="goTo(133,false,true)"><span class="page-num">133</span><span>Page 133</span></button></li>
|
||||
<li data-page="134"><button onclick="goTo(134,false,true)"><span class="page-num">134</span><span>Page 134</span></button></li>
|
||||
<li data-page="135"><button onclick="goTo(135,false,true)"><span class="page-num">135</span><span>Page 135</span></button></li>
|
||||
<li data-page="136"><button onclick="goTo(136,false,true)"><span class="page-num">136</span><span>Page 136</span></button></li>
|
||||
<li data-page="137"><button onclick="goTo(137,false,true)"><span class="page-num">137</span><span>Page 137</span></button></li>
|
||||
<li data-page="138"><button onclick="goTo(138,false,true)"><span class="page-num">138</span><span>Page 138</span></button></li>
|
||||
<li data-page="139"><button onclick="goTo(139,false,true)"><span class="page-num">139</span><span>Page 139</span></button></li>
|
||||
<li data-page="140"><button onclick="goTo(140,false,true)"><span class="page-num">140</span><span>Page 140</span></button></li>
|
||||
<li data-page="141"><button onclick="goTo(141,false,true)"><span class="page-num">141</span><span>Page 141</span></button></li>
|
||||
<li data-page="142"><button onclick="goTo(142,false,true)"><span class="page-num">142</span><span>Page 142</span></button></li>
|
||||
<li data-page="143"><button onclick="goTo(143,false,true)"><span class="page-num">143</span><span>Page 143</span></button></li>
|
||||
<li data-page="144"><button onclick="goTo(144,false,true)"><span class="page-num">144</span><span>Page 144</span></button></li>
|
||||
<li data-page="145"><button onclick="goTo(145,false,true)"><span class="page-num">145</span><span>Page 145</span></button></li>
|
||||
<li data-page="146"><button onclick="goTo(146,false,true)"><span class="page-num">146</span><span>Page 146</span></button></li>
|
||||
<li data-page="147"><button onclick="goTo(147,false,true)"><span class="page-num">147</span><span>Page 147</span></button></li>
|
||||
<li data-page="148"><button onclick="goTo(148,false,true)"><span class="page-num">148</span><span>Page 148</span></button></li>
|
||||
<li data-page="149"><button onclick="goTo(149,false,true)"><span class="page-num">149</span><span>Page 149</span></button></li>
|
||||
<li data-page="150"><button onclick="goTo(150,false,true)"><span class="page-num">150</span><span>Page 150</span></button></li>
|
||||
<li data-page="151"><button onclick="goTo(151,false,true)"><span class="page-num">151</span><span>Page 151</span></button></li>
|
||||
<li data-page="152"><button onclick="goTo(152,false,true)"><span class="page-num">152</span><span>Page 152</span></button></li>
|
||||
<li data-page="153"><button onclick="goTo(153,false,true)"><span class="page-num">153</span><span>Page 153</span></button></li>
|
||||
<li data-page="154"><button onclick="goTo(154,false,true)"><span class="page-num">154</span><span>Page 154</span></button></li>
|
||||
<li data-page="155"><button onclick="goTo(155,false,true)"><span class="page-num">155</span><span>Page 155</span></button></li>
|
||||
<li data-page="156"><button onclick="goTo(156,false,true)"><span class="page-num">156</span><span>Page 156</span></button></li>
|
||||
<li data-page="157"><button onclick="goTo(157,false,true)"><span class="page-num">157</span><span>Page 157</span></button></li>
|
||||
<li data-page="158"><button onclick="goTo(158,false,true)"><span class="page-num">158</span><span>Page 158</span></button></li>
|
||||
<li data-page="159"><button onclick="goTo(159,false,true)"><span class="page-num">159</span><span>Page 159</span></button></li>
|
||||
<li data-page="160"><button onclick="goTo(160,false,true)"><span class="page-num">160</span><span>Page 160</span></button></li>
|
||||
<li data-page="161"><button onclick="goTo(161,false,true)"><span class="page-num">161</span><span>Page 161</span></button></li>
|
||||
<li data-page="162"><button onclick="goTo(162,false,true)"><span class="page-num">162</span><span>Page 162</span></button></li>
|
||||
<li data-page="163"><button onclick="goTo(163,false,true)"><span class="page-num">163</span><span>Page 163</span></button></li>
|
||||
<li data-page="164"><button onclick="goTo(164,false,true)"><span class="page-num">164</span><span>Page 164</span></button></li>
|
||||
<li data-page="165"><button onclick="goTo(165,false,true)"><span class="page-num">165</span><span>Page 165</span></button></li>
|
||||
<li data-page="166"><button onclick="goTo(166,false,true)"><span class="page-num">166</span><span>Page 166</span></button></li>
|
||||
<li data-page="167"><button onclick="goTo(167,false,true)"><span class="page-num">167</span><span>Page 167</span></button></li>
|
||||
<li data-page="168"><button onclick="goTo(168,false,true)"><span class="page-num">168</span><span>Page 168</span></button></li>
|
||||
<li data-page="169"><button onclick="goTo(169,false,true)"><span class="page-num">169</span><span>Page 169</span></button></li>
|
||||
<li data-page="170"><button onclick="goTo(170,false,true)"><span class="page-num">170</span><span>Page 170</span></button></li>
|
||||
<li data-page="171"><button onclick="goTo(171,false,true)"><span class="page-num">171</span><span>Page 171</span></button></li>
|
||||
<li data-page="172"><button onclick="goTo(172,false,true)"><span class="page-num">172</span><span>Page 172</span></button></li>
|
||||
<li data-page="173"><button onclick="goTo(173,false,true)"><span class="page-num">173</span><span>Page 173</span></button></li>
|
||||
<li data-page="174"><button onclick="goTo(174,false,true)"><span class="page-num">174</span><span>Page 174</span></button></li>
|
||||
<li data-page="175"><button onclick="goTo(175,false,true)"><span class="page-num">175</span><span>Page 175</span></button></li>
|
||||
<li data-page="176"><button onclick="goTo(176,false,true)"><span class="page-num">176</span><span>Page 176</span></button></li>
|
||||
<li data-page="177"><button onclick="goTo(177,false,true)"><span class="page-num">177</span><span>Page 177</span></button></li>
|
||||
<li data-page="178"><button onclick="goTo(178,false,true)"><span class="page-num">178</span><span>Page 178</span></button></li>
|
||||
<li data-page="179"><button onclick="goTo(179,false,true)"><span class="page-num">179</span><span>Page 179</span></button></li>
|
||||
<li data-page="180"><button onclick="goTo(180,false,true)"><span class="page-num">180</span><span>Page 180</span></button></li>
|
||||
<li data-page="181"><button onclick="goTo(181,false,true)"><span class="page-num">181</span><span>Page 181</span></button></li>
|
||||
<li data-page="182"><button onclick="goTo(182,false,true)"><span class="page-num">182</span><span>Page 182</span></button></li>
|
||||
<li data-page="183"><button onclick="goTo(183,false,true)"><span class="page-num">183</span><span>Page 183</span></button></li>
|
||||
<li data-page="184"><button onclick="goTo(184,false,true)"><span class="page-num">184</span><span>Page 184</span></button></li>
|
||||
<li data-page="185"><button onclick="goTo(185,false,true)"><span class="page-num">185</span><span>Page 185</span></button></li>
|
||||
<li data-page="186"><button onclick="goTo(186,false,true)"><span class="page-num">186</span><span>Page 186</span></button></li>
|
||||
<li data-page="187"><button onclick="goTo(187,false,true)"><span class="page-num">187</span><span>Page 187</span></button></li>
|
||||
<li data-page="188"><button onclick="goTo(188,false,true)"><span class="page-num">188</span><span>Page 188</span></button></li>
|
||||
<li data-page="189"><button onclick="goTo(189,false,true)"><span class="page-num">189</span><span>Page 189</span></button></li>
|
||||
<li data-page="190"><button onclick="goTo(190,false,true)"><span class="page-num">190</span><span>Page 190</span></button></li>
|
||||
<li data-page="191"><button onclick="goTo(191,false,true)"><span class="page-num">191</span><span>Page 191</span></button></li>
|
||||
<li data-page="192"><button onclick="goTo(192,false,true)"><span class="page-num">192</span><span>Page 192</span></button></li>
|
||||
<li data-page="193"><button onclick="goTo(193,false,true)"><span class="page-num">193</span><span>Page 193</span></button></li>
|
||||
<li data-page="194"><button onclick="goTo(194,false,true)"><span class="page-num">194</span><span>Page 194</span></button></li>
|
||||
<li data-page="195"><button onclick="goTo(195,false,true)"><span class="page-num">195</span><span>Page 195</span></button></li>
|
||||
<li data-page="196"><button onclick="goTo(196,false,true)"><span class="page-num">196</span><span>Page 196</span></button></li>
|
||||
<li data-page="197"><button onclick="goTo(197,false,true)"><span class="page-num">197</span><span>Page 197</span></button></li>
|
||||
<li data-page="198"><button onclick="goTo(198,false,true)"><span class="page-num">198</span><span>Page 198</span></button></li>
|
||||
<li data-page="199"><button onclick="goTo(199,false,true)"><span class="page-num">199</span><span>Page 199</span></button></li>
|
||||
<li data-page="200"><button onclick="goTo(200,false,true)"><span class="page-num">200</span><span>Page 200</span></button></li>
|
||||
<li data-page="201"><button onclick="goTo(201,false,true)"><span class="page-num">201</span><span>Page 201</span></button></li>
|
||||
<li data-page="202"><button onclick="goTo(202,false,true)"><span class="page-num">202</span><span>Page 202</span></button></li>
|
||||
<li data-page="203"><button onclick="goTo(203,false,true)"><span class="page-num">203</span><span>Page 203</span></button></li>
|
||||
<li data-page="204"><button onclick="goTo(204,false,true)"><span class="page-num">204</span><span>Page 204</span></button></li>
|
||||
<li data-page="205"><button onclick="goTo(205,false,true)"><span class="page-num">205</span><span>Page 205</span></button></li>
|
||||
<li data-page="206"><button onclick="goTo(206,false,true)"><span class="page-num">206</span><span>Page 206</span></button></li>
|
||||
<li data-page="207"><button onclick="goTo(207,false,true)"><span class="page-num">207</span><span>Page 207</span></button></li>
|
||||
<li data-page="208"><button onclick="goTo(208,false,true)"><span class="page-num">208</span><span>Page 208</span></button></li>
|
||||
<li data-page="209"><button onclick="goTo(209,false,true)"><span class="page-num">209</span><span>Page 209</span></button></li>
|
||||
</ul>
|
||||
</nav>
|
||||
|
||||
@@ -1261,7 +1261,7 @@
|
||||
const indicator = document.getElementById('page-indicator');
|
||||
const titleEl = document.getElementById('page-title');
|
||||
|
||||
function updateNav(idx) {
|
||||
function updateNav(idx, push) {
|
||||
if (idx === currentIdx && indicator.textContent) return;
|
||||
currentIdx = idx;
|
||||
const n = PAGES[idx];
|
||||
@@ -1274,28 +1274,29 @@
|
||||
});
|
||||
document.querySelector('#page-list li[data-page="' + n + '"]')
|
||||
?.scrollIntoView({ block: 'nearest' });
|
||||
history.replaceState(null, '', '#page-' + n);
|
||||
if (push) history.pushState(null, '', '#page-' + n);
|
||||
else history.replaceState(null, '', '#page-' + n);
|
||||
}
|
||||
|
||||
function goTo(n, smooth) {
|
||||
function goTo(n, smooth, push) {
|
||||
const idx = PAGES.indexOf(n);
|
||||
if (idx === -1) return;
|
||||
const sec = document.getElementById('page-' + n);
|
||||
if (!sec) return;
|
||||
sec.scrollIntoView({ behavior: smooth ? 'smooth' : 'instant', block: 'start' });
|
||||
updateNav(idx);
|
||||
updateNav(idx, push);
|
||||
}
|
||||
|
||||
btnPrev.addEventListener('click', () => { if (currentIdx > 0) goTo(PAGES[currentIdx - 1], true); });
|
||||
btnNext.addEventListener('click', () => { if (currentIdx < total - 1) goTo(PAGES[currentIdx + 1], true); });
|
||||
btnPrev.addEventListener('click', () => { if (currentIdx > 0) goTo(PAGES[currentIdx - 1], true, true); });
|
||||
btnNext.addEventListener('click', () => { if (currentIdx < total - 1) goTo(PAGES[currentIdx + 1], true, true); });
|
||||
|
||||
document.addEventListener('keydown', e => {
|
||||
if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') return;
|
||||
if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') { if (currentIdx > 0) goTo(PAGES[currentIdx - 1], true); }
|
||||
if (e.key === 'ArrowRight' || e.key === 'ArrowDown') { if (currentIdx < total - 1) goTo(PAGES[currentIdx + 1], true); }
|
||||
if (e.key === 'ArrowLeft' || e.key === 'ArrowUp') { if (currentIdx > 0) goTo(PAGES[currentIdx - 1], true, true); }
|
||||
if (e.key === 'ArrowRight' || e.key === 'ArrowDown') { if (currentIdx < total - 1) goTo(PAGES[currentIdx + 1], true, true); }
|
||||
});
|
||||
|
||||
// Track current page by scroll position
|
||||
// Track current page by scroll position (replaceState — no new history entry)
|
||||
content.addEventListener('scroll', () => {
|
||||
const containerTop = content.getBoundingClientRect().top;
|
||||
let found = 0;
|
||||
@@ -1304,13 +1305,22 @@
|
||||
if (sec && sec.getBoundingClientRect().top - containerTop <= 40) found = i;
|
||||
else break;
|
||||
}
|
||||
if (found !== currentIdx) updateNav(found);
|
||||
if (found !== currentIdx) updateNav(found, false);
|
||||
}, { passive: true });
|
||||
|
||||
// Browser back/forward
|
||||
window.addEventListener('popstate', () => {
|
||||
const pm = location.hash.match(/^#page-(\d+)$/);
|
||||
if (pm) {
|
||||
const n = parseInt(pm[1], 10);
|
||||
if (PAGES.includes(n)) goTo(n, false, false);
|
||||
}
|
||||
});
|
||||
|
||||
// Initial navigation from URL hash
|
||||
const m = location.hash.match(/^#page-(\d+)$/);
|
||||
const startPage = m ? parseInt(m[1], 10) : PAGES[0];
|
||||
goTo(PAGES.includes(startPage) ? startPage : PAGES[0], false);
|
||||
goTo(PAGES.includes(startPage) ? startPage : PAGES[0], false, false);
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
Reference in New Issue
Block a user