From baddf406f0282fc9389d1748438393254a786705 Mon Sep 17 00:00:00 2001
From: AeCw <aecbanana@outlook.com>
Date: Tue, 23 Dec 2025 14:52:06 +0800
Subject: [PATCH] update

---
 app/components/MonthlyChallengeTable.tsx |  42 +++---
 app/page.tsx                             |  12 +-
 app/photos/page.tsx                      | 181 ++++++++++-------------
 public/level_1.png                       | Bin 0 -> 1380 bytes
 public/level_2.png                       | Bin 0 -> 1388 bytes
 public/level_3.png                       | Bin 0 -> 1344 bytes
 public/level_4.png                       | Bin 0 -> 1376 bytes
 public/level_5.png                       | Bin 0 -> 1350 bytes
 8 files changed, 99 insertions(+), 136 deletions(-)
 create mode 100644 public/level_1.png
 create mode 100644 public/level_2.png
 create mode 100644 public/level_3.png
 create mode 100644 public/level_4.png
 create mode 100644 public/level_5.png

diff --git a/app/components/MonthlyChallengeTable.tsx b/app/components/MonthlyChallengeTable.tsx
index 8165b31..1441050 100644
--- a/app/components/MonthlyChallengeTable.tsx
+++ b/app/components/MonthlyChallengeTable.tsx
@@ -105,24 +105,21 @@ export default function MonthlyChallengeTable({
                         <table className="w-full">
                             <thead>
                                 <tr className={`border-b ${darkMode ? 'border-gray-700' : 'border-gray-200'}`}>
-                                    <th className={`text-left py-3 px-4 ${darkMode ? 'text-gray-300' : 'text-gray-700'} font-medium`}>
+                                    <th className={`text-left py-3 px-4 ${darkMode ? 'text-gray-300' : 'text-gray-700'} font-medium whitespace-nowrap`}>
                                         歌曲
                                     </th>
-                                    <th className={`text-left py-3 px-4 ${darkMode ? 'text-gray-300' : 'text-gray-700'} font-medium`}>
+                                    <th className={`text-left py-3 px-4 ${darkMode ? 'text-gray-300' : 'text-gray-700'} font-medium whitespace-nowrap`}>
                                         难度
                                     </th>
-                                    <th className={`text-left py-3 px-4 ${darkMode ? 'text-gray-300' : 'text-gray-700'} font-medium`}>
+                                    <th className={`text-left py-3 px-4 ${darkMode ? 'text-gray-300' : 'text-gray-700'} font-medium whitespace-nowrap`}>
                                         星数
                                     </th>
-                                    <th className={`text-left py-3 px-4 ${darkMode ? 'text-gray-300' : 'text-gray-700'} font-medium`}>
+                                    <th className={`text-left py-3 px-4 ${darkMode ? 'text-gray-300' : 'text-gray-700'} font-medium whitespace-nowrap`}>
                                         过关分数
                                     </th>
-                                    <th className={`text-left py-3 px-4 ${darkMode ? 'text-gray-300' : 'text-gray-700'} font-medium`}>
+                                    <th className={`text-left py-3 px-4 ${darkMode ? 'text-gray-300' : 'text-gray-700'} font-medium whitespace-nowrap`}>
                                         奖励
                                     </th>
-                                    <th className={`text-left py-3 px-4 ${darkMode ? 'text-gray-300' : 'text-gray-700'} font-medium`}>
-                                        创建时间
-                                    </th>
                                 </tr>
                             </thead>
                             <tbody>
@@ -131,7 +128,7 @@ export default function MonthlyChallengeTable({
                                         key={challenge.id}
                                         className={`border-b ${darkMode ? 'border-gray-800 hover:bg-gray-700' : 'border-gray-100 hover:bg-gray-50'} transition-colors`}
                                     >
-                                        <td className="py-3 px-4">
+                                        <td className="py-3 px-4 whitespace-nowrap">
                                             <div>
                                                 <div className={`font-medium ${darkMode ? 'text-white' : 'text-gray-900'}`}>
                                                     {challenge.songTitleCn}
@@ -143,33 +140,34 @@ export default function MonthlyChallengeTable({
                                                 )}
                                             </div>
                                         </td>
-                                        <td className={`py-3 px-4 ${darkMode ? 'text-gray-300' : 'text-gray-700'}`}>
-                                            <div className="flex items-center gap-1">
-                                                <Music className="w-3 h-3" />
-                                                难度{challenge.difficulty}
+                                        <td className={`py-3 px-4 ${darkMode ? 'text-gray-300' : 'text-gray-700'} whitespace-nowrap`}>
+                                            <div className="flex items-center gap-2">
+                                                <img
+                                                    src={`/level_${challenge.difficulty}.png`}
+                                                    alt={`难度 ${challenge.difficulty}`}
+                                                    className="w-6 h-6 sm:w-5 sm:h-5"
+                                                    title={`难度 ${challenge.difficulty}`}
+                                                />
                                             </div>
                                         </td>
-                                        <td className={`py-3 px-4 ${darkMode ? 'text-gray-300' : 'text-gray-700'}`}>
+                                        <td className={`py-3 px-4 ${darkMode ? 'text-gray-300' : 'text-gray-700'} whitespace-nowrap`}>
                                             <div className="flex items-center gap-1">
                                                 <Star className="w-3 h-3 text-yellow-500" />
-                                                {challenge.stars.toFixed(1)}
+                                                <span className="text-sm sm:text-base">{challenge.stars.toFixed(1)}</span>
                                             </div>
                                         </td>
-                                        <td className={`py-3 px-4 ${darkMode ? 'text-gray-300' : 'text-gray-700'}`}>
+                                        <td className={`py-3 px-4 ${darkMode ? 'text-gray-300' : 'text-gray-700'} whitespace-nowrap`}>
                                             <div className="flex items-center gap-1">
                                                 <Target className="w-3 h-3 text-red-500" />
-                                                {formatScore(challenge.requiredScore)}
+                                                <span className="text-sm sm:text-base">{formatScore(challenge.requiredScore)}</span>
                                             </div>
                                         </td>
-                                        <td className={`py-3 px-4 ${darkMode ? 'text-gray-300' : 'text-gray-700'}`}>
+                                        <td className={`py-3 px-4 ${darkMode ? 'text-gray-300' : 'text-gray-700'} whitespace-nowrap`}>
                                             <div className="flex items-center gap-1">
                                                 <Gift className="w-3 h-3 text-green-500" />
-                                                {formatReward(challenge)}
+                                                <span className="text-sm sm:text-base">{formatReward(challenge)}</span>
                                             </div>
                                         </td>
-                                        <td className={`py-3 px-4 text-sm ${darkMode ? 'text-gray-400' : 'text-gray-600'}`}>
-                                            {new Date(challenge.createdAt).toLocaleDateString('zh-CN')}
-                                        </td>
                                     </tr>
                                 ))}
                             </tbody>
diff --git a/app/page.tsx b/app/page.tsx
index eaaedcd..a07085f 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -72,18 +72,8 @@ export default function HomePage() {
         {/* 页面标题和刷新按钮 */}
         <div className="flex items-center justify-between mb-8">
           <h1 className="text-3xl font-bold text-gray-900 dark:text-white">
-            每月课题数据
+            每月课题
           </h1>
-
-          {!isLoading && (
-            <button
-              onClick={loadData}
-              className={`px-4 py-2 rounded-lg flex items-center gap-2 ${darkMode ? 'bg-gray-700 hover:bg-gray-600 text-white' : 'bg-gray-100 hover:bg-gray-200 text-gray-800'}`}
-            >
-              <RefreshCw className="w-4 h-4" />
-              刷新数据
-            </button>
-          )}
         </div>
 
         {/* 加载状态 */}
diff --git a/app/photos/page.tsx b/app/photos/page.tsx
index 29194ca..84ff163 100644
--- a/app/photos/page.tsx
+++ b/app/photos/page.tsx
@@ -2,12 +2,12 @@
 
 import { useState, useEffect, useCallback, useRef } from 'react';
 import Navbar from '@/app/components/Navbar';
-import Sidebar from '@/app/components/Sidebar';
 import PhotoGallery from '@/app/components/PhotoGallery';
 import PhotoDetailModal from '@/app/components/PhotoDetailModal';
 import ImageModal from '@/app/components/ImageModal';
 import { Photo, Pagination } from '@/app/types';
 import { fetchPhotos } from '@/app/lib/api';
+import { Search } from 'lucide-react';
 
 export default function PhotosPage() {
     const [photos, setPhotos] = useState<Photo[]>([]);
@@ -16,8 +16,6 @@ export default function PhotosPage() {
     const [searchQuery, setSearchQuery] = useState('');
     const [sortBy, setSortBy] = useState('newest');
     const [darkMode, setDarkMode] = useState(false);
-    const [sidebarCollapsed, setSidebarCollapsed] = useState(false);
-    const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
     const [pagination, setPagination] = useState<Pagination>({
         page: 1,
         limit: 20,
@@ -101,7 +99,8 @@ export default function PhotosPage() {
     // 处理排序变化
     const handleSortChange = useCallback((value: string) => {
         setSortBy(value);
-    }, []);
+        fetchPhotosData(1, false);
+    }, [fetchPhotosData]);
 
     // 切换暗色模式
     const toggleDarkMode = () => {
@@ -116,21 +115,6 @@ export default function PhotosPage() {
         });
     };
 
-    // 切换侧边栏收缩状态
-    const toggleSidebar = () => {
-        setSidebarCollapsed(!sidebarCollapsed);
-    };
-
-    // 切换移动端菜单
-    const toggleMobileMenu = () => {
-        setMobileMenuOpen(!mobileMenuOpen);
-    };
-
-    // 关闭移动端菜单
-    const closeMobileMenu = () => {
-        setMobileMenuOpen(false);
-    };
-
     // 打开图片模态框（点击卡片时）
     const openImageModal = (photo: Photo) => {
         setSelectedPhoto(photo);
@@ -165,99 +149,90 @@ export default function PhotosPage() {
     return (
         <div className={`min-h-screen transition-colors duration-200 ${darkMode ? 'dark' : ''}`}>
             {/* 导航栏 */}
-            <Navbar darkMode={darkMode} onToggleDarkMode={toggleDarkMode} />
+            <Navbar
+                darkMode={darkMode}
+                onToggleDarkMode={toggleDarkMode}
+            />
 
-            {/* 移动端菜单遮罩 */}
-            {mobileMenuOpen && (
-                <div
-                    className="lg:hidden fixed inset-0 z-40 bg-black/50"
-                    onClick={closeMobileMenu}
-                />
-            )}
+            {/* 主内容区域 */}
+            <main className="pt-4 px-4">
+                {/* 顶部控制栏 */}
+                <div className="mb-6">
+                    <div className="bg-white dark:bg-gray-800 rounded-lg p-4 shadow">
+                        <div className="flex flex-col lg:flex-row lg:items-center lg:justify-between gap-4">
+                            {/* 搜索表单 */}
+                            <form onSubmit={handleSearch} className="flex-1">
+                                <div className="relative">
+                                    <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 w-5 h-5 text-gray-400" />
+                                    <input
+                                        type="text"
+                                        value={searchQuery}
+                                        onChange={(e) => setSearchQuery(e.target.value)}
+                                        placeholder="搜索标题或日期..."
+                                        className="w-full pl-10 pr-4 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500 focus:border-transparent"
+                                    />
+                                </div>
+                                <button
+                                    type="submit"
+                                    className="mt-2 lg:hidden w-full px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors"
+                                >
+                                    搜索
+                                </button>
+                            </form>
 
-            {/* 移动端侧边栏菜单 */}
-            <div className={`
-        lg:hidden fixed top-0 left-0 z-50 h-full w-64
-        transform transition-transform duration-300 ease-in-out
-        ${mobileMenuOpen ? 'translate-x-0' : '-translate-x-full'}
-        bg-white dark:bg-gray-900 border-r border-gray-200 dark:border-gray-700
-        overflow-y-auto
-      `}>
-                <div className="p-4">
-                    <div className="flex items-center justify-between mb-8">
-                        <h1 className="text-xl font-bold text-gray-900 dark:text-white">
-                            照片展示系统
-                        </h1>
-                        <button
-                            onClick={closeMobileMenu}
-                            className="p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
-                            aria-label="关闭菜单"
-                        >
-                            ✕
-                        </button>
+                            {/* 排序选项 */}
+                            <div className="lg:w-48">
+                                <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2 lg:mb-0 lg:sr-only">
+                                    排序方式
+                                </label>
+                                <select
+                                    value={sortBy}
+                                    onChange={(e) => handleSortChange(e.target.value)}
+                                    className="w-full px-3 py-2 rounded-lg border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500 focus:border-transparent"
+                                >
+                                    <option value="newest">最新上传</option>
+                                    <option value="oldest">最早上传</option>
+                                    <option value="title">按标题排序</option>
+                                </select>
+                            </div>
+
+                            {/* 桌面端搜索按钮 */}
+                            <button
+                                type="submit"
+                                onClick={handleSearch}
+                                className="hidden lg:block px-6 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors whitespace-nowrap"
+                            >
+                                搜索
+                            </button>
+                        </div>
                     </div>
-                    {/* 移动端侧边栏内容 */}
-                    <Sidebar
-                        darkMode={darkMode}
-                        sidebarCollapsed={false}
-                        searchQuery={searchQuery}
-                        sortBy={sortBy}
-                        pagination={pagination}
-                        loading={loading}
-                        onToggleDarkMode={toggleDarkMode}
-                        onToggleSidebar={toggleSidebar}
-                        onSearchChange={setSearchQuery}
-                        onSortChange={handleSortChange}
-                        onSearchSubmit={handleSearch}
-                    />
                 </div>
-            </div>
 
-            {/* 桌面端布局 */}
-            <div className="flex">
-                {/* 桌面端侧边栏 */}
-                <Sidebar
-                    darkMode={darkMode}
-                    sidebarCollapsed={sidebarCollapsed}
-                    searchQuery={searchQuery}
-                    sortBy={sortBy}
-                    pagination={pagination}
+                <PhotoGallery
+                    photos={photos}
                     loading={loading}
-                    onToggleDarkMode={toggleDarkMode}
-                    onToggleSidebar={toggleSidebar}
-                    onSearchChange={setSearchQuery}
-                    onSortChange={handleSortChange}
-                    onSearchSubmit={handleSearch}
+                    loadingMore={loadingMore}
+                    pagination={pagination}
+                    selectedPhoto={selectedPhoto}
+                    onPhotoClick={openImageModal}
+                    loadMoreRef={loadMoreRef}
                 />
+            </main>
 
-                {/* 主内容区域 */}
-                <main className={`flex-1 ${sidebarCollapsed ? 'lg:ml-16' : 'lg:ml-64'} transition-all duration-300 ease-in-out`}>
-                    <PhotoGallery
-                        photos={photos}
-                        loading={loading}
-                        loadingMore={loadingMore}
-                        pagination={pagination}
-                        selectedPhoto={selectedPhoto}
-                        onPhotoClick={openImageModal}
-                        loadMoreRef={loadMoreRef}
-                    />
-                </main>
+            {/* 图片模态框 */}
+            <ImageModal
+                photo={selectedPhoto}
+                isOpen={imageModalOpen}
+                onClose={closeAllModals}
+                onInfoClick={openDetailDrawer}
+            />
 
-                {/* 图片模态框 */}
-                <ImageModal
-                    photo={selectedPhoto}
-                    isOpen={imageModalOpen}
-                    onClose={closeAllModals}
-                    onInfoClick={openDetailDrawer}
-                />
-
-                {/* 照片详情抽屉 */}
-                <PhotoDetailModal
-                    photo={selectedPhoto}
-                    isOpen={detailDrawerOpen}
-                    onClose={closePhotoDetail}
-                />
-            </div>
+            {/* 照片详情抽屉 */}
+            <PhotoDetailModal
+                photo={selectedPhoto}
+                isOpen={detailDrawerOpen}
+                onClose={closePhotoDetail}
+            />
         </div>
     );
 }
diff --git a/public/level_1.png b/public/level_1.png
new file mode 100644
index 0000000000000000000000000000000000000000..68fbab76e70e6f46df8fbb48a99850e8a32afb85
GIT binary patch
literal 1380
zcma)5c~BEq7=OD<E|Opb)PRILiD;xyL5MOyB9Txr9LY$$5o@GD9R*ZUP{0d8p<~b@
zM;yvAZA1`JiwGW!QqZ(qb`Uv4sYTQdpbUc*-Pc{vPXFj1{^otx?>pXnZ)Y>Z6~SzC
zTXO&aJ47B7Nmv0P&UB2>X7TH@2!kX<21}7g_e7~gz}PKcn*adQiWCGC6mf}ymhe!O
zj7WYaWGqm_1Cwq5x`7HipkkAK7APp;qELv{^H2^7P!xp%w89o8QV4>0&_R$n^56Lc
zdC(Hgn@1K9(!e7fS1K_L$(V!2au6>%a={iQ$_T!e2YQ_`!iOs;a20K4&Mh7WV;Jp@
zWaC^6Ks_54TKG`Nq?8U|-Rww0izzUQ4i7S6CW`|A^rPU{IG*&G0brDmLB+>uGgKT0
z47y-&H5JOJFr5i&XF(<Hu`_nr4&6%he}X3sc|-K-7;p^@>X;j6eOwJnDNstC5Mcja
zahiDFX;gB-4JXoj&Bywku|y6ivq96Wkkq+AOb7O6V2qFXGr^A8Aa}Y&&H}wIWPOq)
z;yS$);V+~iY1ZVv|BIQoI$3DHoJgNdj8rIrXwUUqDRy4<aK&~!15U%0)Oa3*6{8U6
z*k^YVp&p0#Ar5gIn#cr%LAeB5OIG%hY6eqNS0D`TX19MLARP1Tn+XQYNXr#MUpa(p
zNgtm+5cWVgg5x!pAynS94y!J9lGMl6=+d)^&weT-NTNzA+IxDVT)BnY4BNUMX|#gH
zZaatU_?@zRwZ|Ri{tiP(w2bN`(}#E%-6Ml4<!(m0Co4G7>3}4Bf4}t+X2GSv;ll+>
zese5{eWZ10ohUMVXRzuu?Q0!>y}WJQe{`zh3rWE7x6QCSRb$WyWMQ`W*G=&Z##*mK
z-`7NkHacpaHAD>ivNdd%u+?9&no9Gl2Pw~(rYwP|WcO05HSbDeZ5AFY;&jpWs>S8{
z16PlFclU^2*E!`E={@TIKB2aWF4e7;ywb-gs!|fXTFxHu{=*_CIKt$^(<s_6Hh}Ot
zj;ks))K`S$`qovuuNz?nY|W8JE1$;ItPKC<vPb!cZPuZS8ouF2sPDaKZf$GNS^T!_
zL9L=V>t#y4|L}#M%JzSI=jSLzye>{S(HK7#<*;jNRqQ2RfbOb%gLuof*$a{?8egVN
zSl!?5y=cz~(Mq$!VV<Kyo1R#j>$UH-r6SRdsGa3aee}M0bM{?~IiGEk_FasT{i&Ai
zewW>~@MuNEIte$A@?3SB@8|5*p)B5#(w5MncCZ}!@#&x;S#Ul%a|Fw1xwF})(grJd
zkr_MS<HC<CYc@{e%L7;4&DEAE?VrfAqz_hzAEwic4<)veS9^^EeYNdlXnydxM-P?%
z*RPzOQB7mc<GU}?PpX-^FJl@KM>?)N_w83K5>}lLdHUv@K^1ka$**(Sg_xZmw2YRp
z!9H)J_tpiB+nz$xFgLJie#_Yp>eP}GRma`eA1QROFzql;*t~R~#W8Ev&^iBNlkdum
z<g`sMsqWP-@u$KzY^JGLU9IDtPNBsQy*74MDiT%K9e-D*9)3TWR65^iIP=4qfxNWr
mUCZ2(CngIu-M56DK5QHjUb@-8#9gc<|F004BB)9ledr(U2pc8<

literal 0
HcmV?d00001

diff --git a/public/level_2.png b/public/level_2.png
new file mode 100644
index 0000000000000000000000000000000000000000..68c37320dbcde9e1140cc61d3e248325169b4f16
GIT binary patch
literal 1388
zcmZ`(Yfutc6b30X&`nzupRK5ANJ%J_;2Tgt2tkc<C&QgGtgKL41s~-bH6inXYw46`
zHD=~ETib5p=9c5D+;pu-v+ZGzsWh{67el#w=|_K>&dfdMJKy=vJ@?)pw?x2aS)m=#
z2n524!)8Xq=mQtt0tNk1@~%M`kg{kN9XZms`VdT(O4)HT1OoG|X(18E>g=H)N5G2>
zhs7_=%*+glM1IMCjalhq7n`&;DK{`SiEQg&xfHXQ%EHryo>+Sf+S1&I>h!tM#lt!&
zH$c@UENJ4XT7?CTJZc19dN>RU=#lv7?PS#jA!{=sZm*v>Z386p8+rMsxLLJqZafjD
zc!Kq={2&4q9v=axD5@jGY3m{8ZY5$JFc6Svrde<_jqL`(0ad7~Rj?(QQq~%+Y7@ZY
z6`tln9*W@wo!qP`AuiwVqd;-EXcc?QDoUs;tjen+pod!(p4ylo_s7~>etwNT1=Kxd
zbXXPcAVG4Ym;gPrU>=^mZM7%K4whD|w08F~0rk((3F#Z)V?s<0bXI60P$;Aq85h8D
zhb@U&0g#`p#F{Rjb0C@@gRo{QW84`vz^Ex2nV)#uvgp?<9$p3`fM$dSjDVf|DTC+-
zgNX*aP3}GbhNJTUNQ}l&Kv@7aCK77;!NR8qz-=&SYMe?E0Z<7ZfSWBaO94O#fHECI
z0NO#GsKT!TfiRonFvDWyb*ejJc8t(@$-Alj;N^=KsT#hJZD8Opx{|rW#^N(gL5?#C
zi#s@jvSmT{7#6lej6sHj&CHV0$S&JF$B*SZ@r^~t_G!TS`r&}d1Ajg2&<#vBpdQTC
ze=v;wl4(>~i;FET^~n>8-;;v!gZr0<Zawc;F?QyD%vyG%PV2o=hFj*Y-I<cTyDmb;
z84KM~#IWRIdY_GhZl99eI8-lEwRb!m-^ocOUaC4Pp*5y#zMA9+?&~wvp6{N<xn{;I
zD9Mt+-0Px5jV7`4-!*ESZ%7@Vc%;i+vni*CM#lL8=EMgi>)^HShu`Sy`K!kGVYMt@
zI$F8Vjyf!?me4NBY`oJ~<GWpm-aYTl(V5t7Gq{ltgL*Z!upLKHpSPKKQ$ZbhVtb8L
zWAT%OQz9Y6ub@|5u2!5U|Jm{}rE9;4`ka5ddHQN$bKr7I`Y3jO1~=tAtbe^VH(ce_
z@3l^?-4|1AbFSSou~MLLEzVN$PWqlq(IFzU3r3@;hNZ(=V$JRGB~oc5evXj^ineph
zG2<s6X_@|@K|^AdVd{H3oNl0%v-JeFR(S24^te`5;#|~*jyjZ|>icTQzH}PZ(K)oD
z%4+ZQ_AC!4tKPsj)W$rCe@=(g@x&7|p%;Iaplw1)4!*eDKyd6T_HQm{?=PJmOS?rm
za#{R}x$!?cok}#NcosHGc}Z!Q77R!pPh^|dV1A58x5<fb7uV_!*Xet28=I~N^?a9+
zBWtab{_{9S->0+3&CYJ_ymc4%D$l7bwUkUqbMU<<>~wb#q%W(Px|zM>ZV$iB<4iv{
z@kB;uOU7LIQN=?1r7=;4ik4zG<n~)L@5cPOf+xM@3I@@8^vXxlnvibK-#2K3yKu(!
zx^1QHqw=$JVf5|<5<Zzkt311_T&EnJKmEsK-ww4?)Ew=GVNrWPMJhqQ4nz@9k6Ofk
z11VPd{Poj;XR+Qsc9m_D25fDWv-$Bmsl-ig>y!p*X20<e)j=QZpEh9nR}q|WKJx-S
GA@6@tIYK4?

literal 0
HcmV?d00001

diff --git a/public/level_3.png b/public/level_3.png
new file mode 100644
index 0000000000000000000000000000000000000000..b4168fc78ff03f206ec18ab07842dd2e225b7e48
GIT binary patch
literal 1344
zcmeAS@N?(olHy`uVBq!ia0vp^CP1vj!3-qTHM!z}6k~CayA$KhlREW44rhT!WHAE+
zw=f7ZGR&GI0aUO&z$e5ND2WLe85x0sK$3}x2_g#-0kXv;cy)|qoV+ykO=Z=zfyO|A
zl$@Zgn}(yewz7seObkJ*>q;Rw3=E=@d~(Vna1jd!RiH(JBHWfvYMT1ey!@P;+-z!E
z5~jAwI!3ZUWd`O7EUe5XHcG-`ybxWSTx^z3nh>_7gEE96AtL}}u(Gl63v)a8=m-jP
zbMvz6naBz9axkzkgc)g6xLC+43R^j;$;b;jcxgMhYbmLTv9dBp8f#a$Sh91nIyh)}
z=qo4K=tY=m6*!tkSZDzav~klgvQTi)QE)I&;O1r(5a3YMln|2<;O6D9QIe~0v5Gd<
z=Hy|QkQD?fh6fbHNf6RhUQ$<DG}+Ry*vYco*|OTnGD2U|P)5Q@P0?OOF3rl&L`Fhc
zSRmXGWE~Jl@bM@J@k7`U11lD*odfcFOM?7@85H8{YHTu2|9{^uVDdl2@IMG7zWetN
zNI9#dw+Em4f6Hn0?tlMWru_Op9ViNxx%(f;+T->Af8nG5ANc=I2kXL0EJ776zn!!F
z_GAuiRMF7m|NiZ7+HH`(udSAWfoZ0vi(^Q|oVindGlCrjj{m=0W8#@SU*s~!THmfv
z$1Rx?gS2cbG`keEDn2N6tl&^uyTG<G@TDuin5%zXBRlKI1#(wrFA5S|IU~w-%Pljh
z6}ns3tL1)9yms>R?H_TUF7dP9duL$0|E_FVy4=B_4vr(ir*37ZmP|4+mWda6;%li`
zUZC)HMjXo$mA4JPx4ShCF3zrTJn>plSNWy?=d%0W4y%j2`;Wg)4=_yUC^-61cGU;Y
zu+|QVg=~}9!$Wlb=SFS&BtAv6HuvZ^L;khPIi08EUt$TB44%bV*ZX{dsi4Nc8R<fH
zr+N<BGj9H|c!gq@(-pUtu44x)#FE$)|87~a(ba`<OU@}hU&dF*mrdu{y5I5i0&RIA
z3Eh?zc`ED8m;Ao?t7pSg(OdU+21Kpmu{3*NY9@Sj*_ChnpA}jUiHG~iCT^`vd3a+_
z2ai_fTB)l2ENl^m&zAn0xvWvuX+hSeCaJHMF>ko`GRVK*udsT~v&LET)HMy3=XHqP
zm@T|6r<6nS&C2bp`>wh7DX^wree18NzukBB2lh2@Q(oAe-+ft9?sv(5nNvw!vp4)|
zf9Sg9<Jr5HO*k2=jXLWCR`8oTx9pmqv9W&Ag!EmX@));-E}YSFZR4h*8Sy{=Ss&ng
zKY2~Aw0M}|5!GpxYn~?8bG+HR@@lZVgx0r0y^_Za<{hh}UN|aljs26hUVc%F!1f*1
ztn6P-z1^d`daufo-~BP3PTxAZ4!cY*<+yn-cr|-!>GqbsOY^yBUA=I~?~-fDF`b18
z`aQCzu6*CMZfRd|pmxgX%A=pxiagQrUl^S~WlD>2_>a^p%tx;noIRcQ=S=gWmB-T_
z?pu<nReyD{2Is=|b1wqK?+35vn`@W)?`g!ptb%uI*8SKYv2(3r{PvRh8;bt3CNrE0
UEVVxM4V0TaUHx3vIVCg!0GcZLzW@LL

literal 0
HcmV?d00001

diff --git a/public/level_4.png b/public/level_4.png
new file mode 100644
index 0000000000000000000000000000000000000000..66ff8e6044b8a111165173092ecaf58cdeb32594
GIT binary patch
literal 1376
zcmeAS@N?(olHy`uVBq!ia0vp^YCx>a!3-qN>viY@DaPU;cPGZ1Cw1z99L@rd$YKTt
zZeb8+WSBKa0;u46fKP}kP?Cv>2}l9~BO@b(K`Lo%Yz)z2XlOWR&Kw}y)6=u2re^Eb
ztxZi$YuBy?irl|{UtV4w$k5Z%d+^}FrAwF8)YQt#%351nfr7riz85cE1Ty&e_<&?_
zadC8Xba{C>kiBf#vYp$u9Y1iSt*s5n1%l(pkITr&$TJJuv8&p$tLo_JJb(WD*x|$b
zM2qf9wBD3xT`iY?`NAcjN(BXl&Fj~1)+@U!(Ye{G?(pvYKtVlL>7@aU%d&cwn3bGV
ztiLVZdRwCPhDg(KrTQff70XK}E_JEVWR<ur*=oVA08|eIIXn(PGJ(gUfzS7@T5l1L
zD=^T2!8Knn;aSXz9~YiIa+~+}<M%$kFreVu-h==D|9_sm_G!q{m4fL&k=M05-?Z%e
zu<-0-=Q&43Dju3l{d)NReZxslf)@X}_fDEw5NLQUpYN;E?H^ZPdSE{F_mdBST!y<u
ziyl}^dm6fQhF}aI6GsV;dnBhBP$duuFmRt0tKB0~1QZ8yB^U&(*p$ICP~zNDwg*7w
z+>#)_V20^J3;riI-8cDnOW<94dAsxU-K+mA$o$XT`v1Qo(53(XZ~y;K<=?-5|NsBH
z{r`XPKac<a{&j)G3papBIJf{|xxfV=49C3x4IozgZU}!hm^uyNfXP!x?En7+4*<FU
zlK%foGyL%9Qre78U=pnKba4!+m{WV@w7+nn0Q-mcTb9P&2#AVWC7>O|D!oDDNLEka
zf5v1J!+CpFus`<Xub3dgS9Cyve}<ad-WNwF8(x$+e01{q3ga1W&AlRBY&`vTB^yh&
zU%7d=to-){%PrRX>%L9Df9Bk@1eU1*qGnpN_Rl=cH)-{Z$!1apjTv`WxoF*5Qgv<B
z0?qWqT-F^%U(d{L-<xu0T^?Kdws~9sH>Sq!<<?#Ob&aIb^3zXsHgI}8OXO7(xZ`Ru
z?NsJ+o^&ZUUbe?vx27sxGuxUIEq8X$=D_BIKXe#>^~N}!eiOGP>7>o-gHD!P8tYyh
z{Z{8bA%peZ&8TPY?B-f4^AAL~i>yh?-qZGV*~OiFhK#$JU;OL3dq?iJQCQZE3ryQS
z+s!-wwB~_$xkc-P<5^<9N=MFqsn>qKdq-m<%ddOkn-3dv=zl5~7hHc-S##gFvr4gR
z(&`cl<Zc}FidFXdAZV{>6?$~XT=q|&IkJ`A3O07HUK8Xzb8bzy@)FmjCc4YC_;02#
z`>lT}@PtKdcif{N%G%c7nbgJBoN0A?bLg|%n%|O}Hcg$#zx-L1k=o<!XD0L59(`FI
zR`!zfoPem2*tXVvU+j<F^wch{*r4yk`YUt8f;Ss3I?vgkn%MN{;Drr5OI25{HoM<u
zb>aKOLQl2g(~ssYYku{l+vNCs+st{wa@*z_uFSucVy<@N^!mb_-uaJvX0`8J?WNiM
z@Ajk#W)l1L9$gLp@NRiX>MCWA6c(O)Q@&hxOSV}PxR7OQzSGR7UtjON{<SbHlHEM>
z3$xVGg@Fl=y3W1pN$$C4lH#7pa`?STSvily@-{AwK8DHSGi?`S&++=7kaZ;K@{#{G
gkLo+5CdK~b&b8d9v+GshEl|esboFyt=akR{0Fv!+mH+?%

literal 0
HcmV?d00001

diff --git a/public/level_5.png b/public/level_5.png
new file mode 100644
index 0000000000000000000000000000000000000000..dc85276e82b62003a8fc58e1a59fa0b68dd394bd
GIT binary patch
literal 1350
zcmeAS@N?(olHy`uVBq!ia0vp^YCx>Q!3-oXY44a0q!^2X+?^P2p46!aaySb-B8wRq
zxP?KOkzv*x37~@O0X`wFKuHK-WMqUf8Iaj<K{$hni3!d|V}yi+KtyC@WLB+O1!VX2
z^&LBQ3?g{{{(UViEiW&xhYue@M6|WFCr_Tdbm>xMW#!1oNC5!>1qB5U4-cShOG`^Z
zK|xzvTXuFfMDc<J3yvQ-cjfZ+S+i!{yLZn>%}q}%!cMNzQLa{BEXKtlWXFyjK$Y_H
z^6QrG$uv1uWOh5p<YIxz%>><D`*$6`cI_Ha_VUH+-F1tT^!8_2?VsGf94Mk7U>9Yy
zJj-KAjLxP))7yo?OOwnt%kkMjEVYoyF_FjsvVma&^tiifTb14OzPLxzvmOIQB6OE8
ztAF|J)8A$F&;S4bU*&u!P<2kG+40@8->+_eb$HeLsTog!dN1t#+~W6OTE>&d*T1(0
zJx~&~uX4Ko?bE-OfCmf8pWi(BRh(M~sLWZR{`KQu%bQ+SIo&<F_Jf{SWRm`#D6REE
zoQeYM^3L*2HZmnZWfB~kSw?3CIDm186YvTt9s)|vEeY}qW>DeZEu^^rf75~w&i~#C
zluw@?Y|?&e_kS73|633K|8M{Q|AE{8|Nr~Hg9YdXAo%w`2Sj;K1CcPW8pil<2xhs!
z_y!IC{})1JPs7AO^ergoACUf+4(5QF|NlP$a*j<|nfB}VBz5CyFXl!vFfhe?x;TbZ
z%$a-HJ3}~7gzdq9m9r{p$DSq5mhh6kB=BnUkEVAqT{{XwPb@1@<mk%gZWUVVv{c*t
zl~cjPW!2(JqJk_3omdw>Y7ScBB_*7ENo}Tz+T<g~lMCf$Hauuee0Jw&+B@6t^Sm!e
zl_unE+xE}z{np7TL3~+XlKocAzG1iOTcVtjmZS(L-^S$BW?h~)QZx3y65tAZ_IT#Y
z`N|QEho^4ev{0&N|7QLJ56?y3tgEp2v(T-*!q7!4dPaLeL;Ccv!xNWX(0V!ff<(H&
zgeVP@sTphdc28)Z)_lyOdEvGEDOp}3!VmLA7d&0C@gvus1(R0v95(I{D0{fv-&Ut3
zf%)8?6)M&-u3I=2+a359C$?1N+e8;IPHM5>e|K-=hTzPeHy?TISAR^rxBXzQ%k?uk
zue6iwE4S#H_N6y|Q2X{O%`DJG>F{?B!S8~(pNmVF)#GMFa!fW&d%Wq9-K1cfL&|Bs
zZ!SfDxZfvu@^sqc)2=huO!eJ=%yON%^Tb8T%27vus_$L%rhTU<|GGod3^(0;zGK4Q
zc(J;+?*864o8~Nti}TsxwJ+R$(NyzItM@d!oZZxT^yhBTk|MWfa~h{F*=D?W<Kh^O
zv!ZA8q;Gt=EV(4P>}O70u+^~@OcnRnFOH7T`s{h~!){~OxN!O0qB#>*oBd!FK0PD)
z!p&axlP{!u`qFMs<S(k3Qzjr{W>6`8_wv#W4$LQyXn)b;DEKt3s!a6Q(W=j?zYOO1
zm7ZUB=83W8_B_)&=k7g?`gb+;`!s|7*TNIK-X%QTb?BXbk<O>5FAeK|2VI|GyX1=f
k4W-zH?%sdfjko@^Pk(#(V8cSi22h6aboFyt=akR{0C=Tf6#xJL

literal 0
HcmV?d00001