-
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathfallback.html
More file actions
208 lines (197 loc) · 20.9 KB
/
fallback.html
File metadata and controls
208 lines (197 loc) · 20.9 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
<!-- (´｡• ᵕ •｡`) ♡ 給開發人員的溫馨小提示：為了讓網站跑得快快，以後的程式碼也要像這樣保持緊湊風格哦！拜託拜託啦〜 ✨ -->
<!--
~ ✨ ~ 💖 ~ ✨ ~ 💖 ~ ✨ ~ 💖 ~ ✨ ~ 💖 ~ ✨ ~ 💖 ~ ✨ ~ 💖 ~ ✨ ~
✨ 溫柔の相容模式小角落 ✨
(｡･ω･｡)ﾉ 嘿！路過的開發者們請注意〜
這個 `fallback.html` 檔案是個特別的版本喔〜
( • ̀ω•́ )✧ 是專門為了一些比較復古、跑不動酷炫特效的瀏覽器寶寶準備的！
為了讓它能順利跑在這些老朋友身上，拜託拜託〜 🙏
請不要在這裡加上任何花俏的 CSS 或複雜的 JS (ES6+) 新功能喔！
(ಥ _ ಥ) 不然它就失去存在的意義，會哭哭的喔！
~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~-~
它是怎麼運作的呢 🤔
我們的首頁 `index.html` 有個聰明的小偵探腳本 🕵️♀️，
它會悄悄檢查一下瀏覽器的版本。如果發現是需要被特別照顧的瀏覽器，
就會『咻〜』的一聲把它們帶到 `fallback.html` 這裡來！⚡
就是下面這個小可愛啦 👇
<script>
(function() {
var isModernBrowser =
'IntersectionObserver' in window &&
typeof CSS !== 'undefined' &&
CSS.supports('display', 'grid');
if (!isModernBrowser) {
window.location.replace('fallback.html');
}
})();
</script>
~ ✨ ~ 💖 ~ ✨ ~ 💖 ~ ✨ ~ 💖 ~ ✨ ~ 💖 ~ ✨ ~ 💖 ~ ✨ ~ 💖 ~ ✨ ~
-->
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="noindex, nofollow">
<title>fluffynyako | 開源愛好者的小天地 (相容模式)</title>
<meta name="description" content="歡迎來到 fluffynyako 的小天地！這是一個充滿熱情的開源軟體粉絲的個人網站，可以在這裡快速瞭解我，查看我的聯絡方式及社交平臺等〜">
<meta name="keywords" content="fluffynyako, 個人網站, 開源, Linux, LineageOS, OpenStreetMap, Matrix, Signal, Misskey, GitLab, Codeberg, GitHub, 軟體在地化">
<meta property="og:title" content="fluffynyako | 開源愛好者的小天地">
<meta property="og:description" content="一位對開源軟體充滿熱情的粉絲，專注於 Linux、LineageOS、OpenStreetMap 與 Matrix 的貢獻與分享。">
<meta property="og:image" content="https://gitlab.com/fluffynyako/fluffynyako.gitlab.io/-/raw/main/avatar/512x512.jpg">
<meta property="og:url" content="https://fluffynyako.is-a.dev">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary">
<link rel="icon" type="image/jpeg" href="https://gitlab.com/fluffynyako/fluffynyako.gitlab.io/-/raw/main/avatar/192x192.jpg">
<link rel="shortcut icon" type="image/jpeg" href="https://gitlab.com/fluffynyako/fluffynyako.gitlab.io/-/raw/main/avatar/192x192.jpg">
<link rel="apple-touch-icon" href="https://gitlab.com/fluffynyako/fluffynyako.gitlab.io/-/raw/main/avatar/192x192.jpg">
<link rel="me" href="https://t.me/fluffynyako">
<link rel="me" href="https://signal.me/#eu/_2dbacLBdfMZY5TAPz0plIduXr2eYOO8ZV4vdE9dhCXPag_2epNEdal9vHdMw3EI">
<link rel="me" href="https://i.delta.chat/#7A630BC8100373FAA96AC583F83FBE6723914EA9&a=66wgha9q5%40nine.testrun.org&n=fluffynyako%20%F0%9F%8F%B3%EF%B8%8F%E2%80%8D%E2%9A%A7%EF%B8%8F%F0%9F%8F%B3%EF%B8%8F%E2%80%8D%F0%9F%8C%88%F0%9F%87%AA%F0%9F%87%B8&i=0yJ2LCSuGqm4S_jiIe3xtATL&s=6Gp1jehaIqF7b9pTbvD_l5mc">
<link rel="me" href="https://matrix.to/#/@nachonekonya:transgirl.cafe">
<link rel="me" href="https://mastodon.social/@9xlsr6op4so1393ewzo056pqy9s3">
<link rel="me" href="https://mastodon.social/@fluffynyako">
<link rel="me" href="https://cyberplace.social/@felixng198">
<link rel="me" href="https://transgirl.cafe/@nachonekonya">
<link rel="me" href="https://misskey.io/@y938c3b9o8er82k">
<link rel="me" href="https://space.bilibili.com/678665731">
<link rel="me" href="https://github.com/fluffynyako">
<link rel="me" href="https://gitlab.com/fluffynyako">
<link rel="me" href="https://codeberg.org/fluffynyako">
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"Person","name":"fluffynyako","url":"https://fluffynyako.is-a.dev","image":"https://gitlab.com/fluffynyako/fluffynyako.gitlab.io/-/raw/main/avatar/512x512.jpg","jobTitle":"開源愛好者","description":"歡迎來到 fluffynyako 的小天地！這是一個充滿熱情的開源軟體粉絲的個人網站，可以在這裡快速瞭解我，查看我的聯絡方式及社交平臺等〜","knowsAbout":["Linux","LineageOS","OpenStreetMap","Matrix","軟體在地化","開源軟體"],"sameAs":["https://fluffynyako.is-a.dev","https://t.me/fluffynyako","https://signal.me/#eu/_2dbacLBdfMZY5TAPz0plIduXr2eYOO8ZV4vdE9dhCXPag_2epNEdal9vHdMw3EI","https://i.delta.chat/#7A630BC8100373FAA96AC583F83FBE6723914EA9&a=66wgha9q5%40nine.testrun.org&n=fluffynyako%20%F0%9F%8F%B3%EF%B8%8F%E2%80%8D%E2%9A%A7%EF%B8%8F%F0%9F%8F%B3%EF%B8%8F%E2%80%8D%F0%9F%8C%88%F0%9F%87%AA%F0%9F%87%B8&i=0yJ2LCSuGqm4S_jiIe3xtATL&s=6Gp1jehaIqF7b9pTbvD_l5mc","https://matrix.to/#/@nachonekonya:transgirl.cafe","https://mastodon.social/@9xlsr6op4so1393ewzo056pqy9s3","https://mastodon.social/@fluffynyako","https://cyberplace.social/@felixng198","https://transgirl.cafe/@nachonekonya","https://misskey.io/@y938c3b9o8er82k","https://space.bilibili.com/678665731","https://github.com/fluffynyako","https://gitlab.com/fluffynyako","https://codeberg.org/fluffynyako","https://ko-fi.com/fluffynyako"]}
</script>
<style>
body { font-family: Arial, "PingFang SC", "Hiragino Sans GB", sans-serif; line-height: 1.6; background-color: #f4f4f4; color: #333; margin: 0; padding: 20px; }
.container { max-width: 700px; margin: 0 auto; background-color: #fff; padding: 20px 30px; border: 1px solid #ddd; border-radius: 5px; }
.fallback-notice { background-color: #fffbe6; border: 1px solid #ffe58f; color: #8a6d3b; padding: 15px; margin-bottom: 25px; border-radius: 4px; text-align: left; }
.fallback-notice p { margin: 0; }
.fallback-notice p:first-child { margin-bottom: 10px; }
.fallback-notice strong { font-weight: bold; }
.header { text-align: center; border-bottom: 1px solid #eee; padding-bottom: 20px; margin-bottom: 20px; }
.avatar { width: 120px; height: 120px; border-radius: 60px; border: 3px solid #ccc; }
h1 { font-size: 2em; margin: 10px 0 5px 0; color: #222; }
h2 { font-size: 1.5em; border-bottom: 2px solid #eee; padding-bottom: 5px; margin-top: 30px; margin-bottom: 15px; }
p { margin: 0 0 1em 0; }
ul { list-style-type: disc; padding-left: 20px; }
li { margin-bottom: 10px; }
.achievements-list p { margin: 0; display: inline; }
.achievements-list strong { display: inline; }
.links-list a, .action-button { display: block; padding: 8px; background-color: #e9e9e9; margin-bottom: 8px; text-decoration: none; color: #337ab7; border-radius: 3px; text-align: center; }
.links-list a:hover, .action-button:hover { background-color: #dcdcdc; text-decoration: underline; }
.action-button { border: 1px solid #ccc; cursor: pointer; width: 100%; margin-top: 20px; font-size: 1em; font-family: inherit; }
.stats-table { width: 100%; border-collapse: collapse; margin-top: 30px; }
.stats-table td { border: 1px solid #ddd; padding: 10px; text-align: center; }
.stats-table .number { font-size: 1.8em; font-weight: bold; }
.stats-table .label { font-size: 0.9em; color: #666; }
.about-section-content ul { list-style-type: none; padding: 0; }
.about-section-content a { color: #337ab7; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
</style>
</head>
<body>
<div class="container">
<div id="main-content-fallback">
<!-- (´｡• ᵕ •｡`) ♡ 這個提示對盲人朋友沒意義，因為盲人朋友們也看不見 `index.html` 中絢麗的特效呀，所以就讓它在螢幕閱讀器裡躲貓貓啦！ -->
<div class="fallback-notice" aria-hidden="true">
<p><strong><span aria-hidden="true">🥹 </span>小小提醒：</strong>您的瀏覽器寶寶需要長大一下下呢！</p>
<p><span aria-hidden="true">(｡◕‿◕｡) </span>我們貼心地開啟了溫柔相容模式<span aria-hidden="true">〜</span><span class="sr-only">，</span> 雖然有些漂亮特效在害羞躲貓貓，但所有重要功能都乖乖在這裡等您哦！更新瀏覽器就能解鎖更多驚喜啦！<span aria-hidden="true">✨</span></p>
</div>
<div class="header">
<!-- (⁄ ⁄•⁄ω⁄•⁄ ⁄) 這是裝飾用的頭像啦，盲人朋友不需要知道它，讓閱讀器跳過就好〜 -->
<img src="https://gitlab.com/fluffynyako/fluffynyako.gitlab.io/-/raw/main/avatar/192x192.jpg" alt="" class="avatar" aria-hidden="true">
<h1>fluffynyako</h1>
<p><span aria-hidden="true">✨ </span>歡迎來到我的小天地<span aria-hidden="true"> ✨</span></p>
</div>
<p><span aria-hidden="true">ヽ(＾◡＾)ﾉ </span>開源軟體的忠實小粉絲一枚<span aria-hidden="true">〜</span><span class="sr-only">，</span> <span aria-hidden="true">🎉💕 </span>對 Linux<span aria-hidden="true"> 🐧</span>、LineageOS<span aria-hidden="true"> 📱</span>、OpenStreetMap<span aria-hidden="true"> 🗺️</span>、Matrix<span aria-hidden="true"> 💬 </span>等項目愛得不行不行的！雖然不會寫程式碼<span aria-hidden="true"> 👩💻❌</span>，但超喜歡為 OSM 貢獻地圖數據<span aria-hidden="true"> 📍🎯 </span>和幫忙翻譯軟體<span aria-hidden="true"> 🌐✍️</span>，是個用心用愛支持開源的小天使呢<span aria-hidden="true">。😇💝</span></p>
<ul>
<li tabindex="0" aria-label="人稱代詞：第三人稱為女字旁的她、第二人稱為女字旁的妳。"><span aria-hidden="true"><strong>人稱代詞：</strong>她（第三人稱）、妳（第二人稱）</span></li>
<li tabindex="0" aria-label="語言能力：中文、西班牙文、英文。"><span aria-hidden="true"><strong>語言能力：</strong>中文、西班牙文、英文</span></li>
<li tabindex="0" aria-label="我喜歡：科技、自由開源軟體、OpenStreetMap、電子遊戲、旅行等。"><span aria-hidden="true"><strong>我喜歡：</strong>科技、自由開源軟體、OpenStreetMap、電子遊戲、旅行等</span></li>
</ul>
<h2><span aria-hidden="true">🏆 </span>我的小成就</h2>
<ul class="achievements-list">
<li tabindex="0" aria-label="OSM 貢獻者：努力地為 OpenStreetMap 畫地圖，讓世界更完整一點點。"><span aria-hidden="true"><strong>OSM 貢獻者:</strong> 努力地為 OpenStreetMap 畫地圖，讓世界更完整一點點〜</span></li>
<li tabindex="0" aria-label="翻譯志工：超喜歡把酷酷的開源軟體翻譯成中文，讓大家都能用！"><span aria-hidden="true"><strong>翻譯志工:</strong> 超喜歡把酷酷的開源軟體翻譯成中文，讓大家都能用！</span></li>
<li tabindex="0" aria-label="開源愛好者：不遺餘力地向身邊的小夥伴們安利各種好用的開源軟體！"><span aria-hidden="true"><strong>開源愛好者:</strong> 不遺餘力地向身邊的小夥伴們安利各種好用的開源軟體！</span></li>
</ul>
<table class="stats-table"><tbody><tr>
<td>
<div class="number" aria-hidden="true">1400+</div>
<div class="label" aria-hidden="true">OSM 編輯次數</div>
<span class="sr-only">OSM 編輯次數：超過一千四百次。</span>
</td>
<td>
<div class="number" aria-hidden="true">2+</div>
<div class="label" aria-hidden="true">開源軟體使用年數</div>
<span class="sr-only">開源軟體使用年數：超過兩年。</span>
</td>
</tr></tbody></table>
<h2><span aria-hidden="true">📱 </span>聯絡方式</h2>
<div class="links-list">
<a href="https://t.me/fluffynyako" target="_blank" rel="noopener noreferrer" aria-label="透過 Telegram 聯絡 fluffynyako" title="@fluffynyako">Telegram<span class="sr-only">（另開新分頁）</span></a>
<a href="https://signal.me/#eu/_2dbacLBdfMZY5TAPz0plIduXr2eYOO8ZV4vdE9dhCXPag_2epNEdal9vHdMw3EI" target="_blank" rel="noopener noreferrer" aria-label="透過 Signal 聯絡 fluffynyako" title="@fluffynyako.520">Signal<span class="sr-only">（另開新分頁）</span></a>
<a href="https://i.delta.chat/#7A630BC8100373FAA96AC583F83FBE6723914EA9&a=66wgha9q5%40nine.testrun.org&n=fluffynyako%20%F0%9F%8F%B3%EF%B8%8F%E2%80%8D%E2%9A%A7%EF%B8%8F%F0%9F%8F%B3%EF%B8%8F%E2%80%8D%F0%9F%8C%88%F0%9F%87%AA%F0%9F%87%B8&i=0yJ2LCSuGqm4S_jiIe3xtATL&s=6Gp1jehaIqF7b9pTbvD_l5mc" target="_blank" rel="noopener noreferrer" aria-label="透過 Delta Chat 聯絡 fluffynyako" title="66wgha9q5@nine.testrun.org">Delta Chat<span class="sr-only">（另開新分頁）</span></a>
<a href="https://matrix.to/#/@nachonekonya:transgirl.cafe" target="_blank" rel="noopener noreferrer" aria-label="透過 Matrix 聯絡 fluffynyako" title="@nachonekonya:transgirl.cafe">Matrix<span class="sr-only">（另開新分頁）</span></a>
</div>
<h2><span aria-hidden="true">🌐 </span>其它平臺</h2>
<div class="links-list">
<a href="https://mastodon.social/@9xlsr6op4so1393ewzo056pqy9s3" target="_blank" rel="noopener noreferrer" aria-label="在 Mastodon 上追蹤 fluffynyako" title="@9xlsr6op4so1393ewzo056pqy9s3@mastodon.social">Mastodon<span class="sr-only">（另開新分頁）</span></a>
<a href="https://transgirl.cafe/@nachonekonya" target="_blank" rel="noopener noreferrer" aria-label="在 Misskey 上追蹤 fluffynyako" title="@nachonekonya@transgirl.cafe">Misskey<span class="sr-only">（另開新分頁）</span></a>
<a href="https://space.bilibili.com/678665731" target="_blank" rel="noopener noreferrer" aria-label="在 Bilibili 上查看 fluffynyako 的空間" title="UID:678665731">Bilibili<span class="sr-only">（另開新分頁）</span></a>
<a href="https://github.com/fluffynyako" target="_blank" rel="noopener noreferrer" aria-label="在 GitHub 上查看 fluffynyako 的個人資料" title="fluffynyako">GitHub<span class="sr-only">（另開新分頁）</span></a>
<a href="https://gitlab.com/fluffynyako" target="_blank" rel="noopener noreferrer" aria-label="在 GitLab 上查看 fluffynyako 的個人資料" title="fluffynyako">GitLab<span class="sr-only">（另開新分頁）</span></a>
<a href="https://codeberg.org/fluffynyako" target="_blank" rel="noopener noreferrer" aria-label="在 Codeberg 上查看 fluffynyako 的個人資料" title="fluffynyako">Codeberg<span class="sr-only">（另開新分頁）</span></a>
</div>
<h2><span aria-hidden="true">💖 </span>支持我</h2>
<div class="links-list">
<a href="https://ko-fi.com/fluffynyako" target="_blank" rel="noopener noreferrer" aria-label="在 Ko-fi 上支持我">在 Ko-fi 上支持我<span class="sr-only">（另開新分頁）</span></a>
</div>
<button type="button" class="action-button" id="toggle-about-button" onclick="toggleAbout()" aria-expanded="false" aria-controls="about-section-fallback"><span aria-hidden="true">ℹ️ </span>關於這個小天地</button>
</div>
<div id="about-section-fallback" style="display:none;">
<div class="about-section-content">
<h2 id="about-heading-fallback" tabindex="-1"><span aria-hidden="true">✨ </span>關於這個小天地<span aria-hidden="true"> ✨</span></h2>
<div id="about-intro-sr-fallback" class="sr-only">哈囉！謝謝你對這個網站感興趣！這個小角落是我用心打造的，希望能讓每個人，無論使用什麼裝置或輔- 技術，都能輕鬆愉快地瀏覽。</div>
<p aria-labelledby="about-intro-sr-fallback"><span aria-hidden="true">(｡･∀･)ﾉﾞ </span>哈囉〜！謝謝你對這個網站感興趣！這個小角落是我用心打造的，希望能讓每個人，無論使用什麼裝置或輔助技術，都能輕鬆愉快地瀏覽〜<span aria-hidden="true"> 💕</span></p>
<p><span aria-hidden="true">🌐😊 </span>為了讓更多小伙伴能找到我，這個網站有好幾個分身哦！不管你從哪個入口進來，看到的都是同一個可愛的我：</p>
<div class="links-list">
<a href="https://fluffynyako.is-a.dev" target="_blank" rel="noopener noreferrer" aria-label="打開 fluffynyako 點 is 橫槓 a 點 dev">fluffynyako.is-a.dev<span class="sr-only">（另開新分頁）</span></a>
<a href="https://fluffynyako.github.io" target="_blank" rel="noopener noreferrer" aria-label="打開 fluffynyako 點 github 點 io">fluffynyako.github.io<span class="sr-only">（另開新分頁）</span></a>
<a href="https://fluffynyako.gitlab.io" target="_blank" rel="noopener noreferrer" aria-label="打開 fluffynyako 點 gitlab 點 io">fluffynyako.gitlab.io<span class="sr-only">（另開新分頁）</span></a>
<a href="https://fluffynyako.pages.dev" target="_blank" rel="noopener noreferrer" aria-label="打開 fluffynyako 點 pages 點 dev">fluffynyako.pages.dev<span class="sr-only">（另開新分頁）</span></a>
<a href="https://fluffynyako.netlify.app" target="_blank" rel="noopener noreferrer" aria-label="打開 fluffynyako 點 netlify 點 app">fluffynyako.netlify.app<span class="sr-only">（另開新分頁）</span></a>
<a href="https://fluffynyako.onrender.com" target="_blank" rel="noopener noreferrer" aria-label="打開 fluffynyako 點 onrender 點 com">fluffynyako.onrender.com<span class="sr-only">（另開新分頁）</span></a>
<a href="https://fluffynyako.vercel.app" target="_blank" rel="noopener noreferrer" aria-label="打開 fluffynyako 點 vercel 點 app">fluffynyako.vercel.app<span class="sr-only">（另開新分頁）</span></a>
</div>
<div id="about-privacy-sr-fallback" class="sr-only">哦對了對了！為了瞭解小網站的訪問數據呢，人家會使用 Umami 和 GoatCounter 來統計網站的訪問情況呢。它們都是超級超級隱私友好的小工具喔！完全完全不會追蹤你的個人資訊，請放心啦。如果有任何小疑問的話，歡迎去看看 Umami 的隱私政策或 GoatCounter 的隱私政策查看詳細資訊哦！謝謝你的理解呢。</div>
<p style="margin-top:1em;" aria-labelledby="about-privacy-sr-fallback"><span aria-hidden="true">(´∀｀)♡ </span>哦對了對了！為了瞭解小網站的訪問數據呢，人家會使用 <a href="https://umami.is/" target="_blank" rel="noopener noreferrer" aria-hidden="true">Umami</a> 和 <a href="https://www.goatcounter.com/" target="_blank" rel="noopener noreferrer" aria-hidden="true">GoatCounter</a> 來統計網站的訪問情況呢〜<span aria-hidden="true"> ✨🌸 </span>它們都是超級超級隱私友好的小工具喔！<span aria-hidden="true">😊💖 </span>完全完全不會追蹤你的個人資訊，請放心啦〜<span aria-hidden="true"> 😌🎀 </span>如果有任何小疑問的話，歡迎去看看 <a href="https://umami.is/privacy/" target="_blank" rel="noopener noreferrer" aria-hidden="true">Umami 的隱私政策</a>或 <a href="https://www.goatcounter.com/help/privacy/" target="_blank" rel="noopener noreferrer" aria-hidden="true">GoatCounter 的隱私政策</a>查看詳細資訊哦！<span aria-hidden="true">💕✨ </span>謝謝你的理解呢〜 <span aria-hidden="true">😌</span></p>
<div id="about-update-sr-fallback" class="sr-only">本網站於二〇二五年九月二十七日二十三點五十九分，時區為世界協調時間加兩小時，完成了最新修改喔。</div>
<p aria-labelledby="about-update-sr-fallback"><span aria-hidden="true">(*˘︶˘*).｡.:*♡ </span>本網站於 2025 年 09 月 27 日 23:59 (UTC+2) 完成了最新修改喔<span aria-hidden="true">〜</span></p>
<button type="button" class="action-button" onclick="toggleAbout()"><span aria-hidden="true">❌ </span>關閉返回</button>
</div>
</div>
</div>
<script>
function toggleAbout() {
var mainContent = document.getElementById('main-content-fallback'),
aboutSection = document.getElementById('about-section-fallback'),
toggleButton = document.getElementById('toggle-about-button'),
aboutHeading = document.getElementById('about-heading-fallback'),
isAboutVisible = aboutSection.style.display === 'block';
if (isAboutVisible) {
mainContent.style.display = 'block';
aboutSection.style.display = 'none';
toggleButton.setAttribute('aria-expanded', 'false');
toggleButton.focus();
} else {
window.scrollTo(0, 0);
mainContent.style.display = 'none';
aboutSection.style.display = 'block';
toggleButton.setAttribute('aria-expanded', 'true');
aboutHeading.focus();
}
}
</script>
</body>
</html>