├── .gitignore
├── LICENSE
├── README.md
├── package.json
├── script
└── display.js
├── show.png
├── src
├── assets
│ ├── main.js
│ └── main.scss
├── index-cp.html
├── index.html
└── public
│ ├── icon
│ ├── 00dc097550de61aa20480b4ae125778e.png
│ ├── 0189eae6ca0ddc9681befd2684d3434b.png
│ ├── 01d6b1f098c35bcdb128bd3c09fdece1.png
│ ├── 03122306d821e4477420c96a06a2a890.png
│ ├── 03ca63a3a18276353a8de6f227adcf38.png
│ ├── 0468af35d3edb81fd1100c3e27a2d2e8.png
│ ├── 04e141840d6d92faddd08e9e96de4d34.png
│ ├── 0506cc7680df6ad147b0362e36e5216b.png
│ ├── 055c6bcd4ed0d91750338018662a82c8.png
│ ├── 057663a631cf94b7777bf9099734d8d8.png
│ ├── 059ce86a8b67457d3d065945e50a2654.png
│ ├── 065c7a185b46650a1072953fa0899d66.png
│ ├── 06cc0c394a95e37acdc62ec3fef46daf.png
│ ├── 06eec8bb81055bdaca8b809ed529e16b.png
│ ├── 0762d6f3a140cd15faa634c4b713a2f2.png
│ ├── 07a73331904c15706debc5eb4f6e552d.png
│ ├── 07ac16dc03abd95f4870dd6f91f121fd.png
│ ├── 07aced6b69840c03427288ef0d40f9a8.png
│ ├── 0821ee96671cc240710b0b961bf3979c.png
│ ├── 0883f438831572b6b181bdfee3cb0fcf.png
│ ├── 08f8763227161d6d28a2e2be7cfde4b7.png
│ ├── 0a4321e6ce1ee21d2fd3f2ade8bba0a0.png
│ ├── 0b129db852540b215fb51f8500daeb42.png
│ ├── 0b25e3e5e960536d649167437177e775.png
│ ├── 0b579bb5abc5fe4d66ed63ed92256df0.png
│ ├── 0c2cf6f6687161ce39456e2cd4029933.png
│ ├── 0c3a713e67ec428e40f8ae6d9c866867.png
│ ├── 0c3f6078d23e46bab11b244b8acb0418.png
│ ├── 0daf6cbf11ae6409dce98e3f9ac8ab31.png
│ ├── 0dcb10b35cb91b0850a6641470783477.png
│ ├── 0e21713c43e4c958a9a44b36b06b1ead.png
│ ├── 0e7e87f2f39b26569c7aee674bc03e1a.png
│ ├── 0ea409d406d801c313122d11eee27635.png
│ ├── 0ef138dab9153b94865009e1df28a5a8.png
│ ├── 0f6ed0ef28bd3ed05a7672510d29ad3f.png
│ ├── 0f7695956c4e80bac65c8e97e622f9d1.png
│ ├── 10efbadbc29a788605f1dcad3711d0dd.png
│ ├── 110fc8f163740f1b0a7727951933e7d1.png
│ ├── 113e076943a235fade53743f61b63e77.png
│ ├── 126ae5f8b54e837f543dd487c6791e94.png
│ ├── 12cd0cba5d5d114815a987b6e8b82586.png
│ ├── 12cf0da382b74f4074185d558a90872a.png
│ ├── 13ba1f74b199bfa0a7207abb4208da4d.png
│ ├── 1434c353c69453849fb15207c4f76689.png
│ ├── 1436b32ac91d83f576085c5b205ca66d.png
│ ├── 15472af7d2b60cf94135566570b8a5ff.png
│ ├── 1640a2064c702337e7443ff81b97b8e9.png
│ ├── 17310612d90a74ef86ae236d48ff6760.png
│ ├── 173f6c7377aa60024d2e40be6b8ad457.png
│ ├── 17bb97d73f1b5fc433f8fa2b41a6a5e4.png
│ ├── 1884541cdf33f808992e4198969cf8d7.png
│ ├── 18a810149339e091a456fda2132cd388.png
│ ├── 19ac90be2b42d8735457ca432e23b0ff.png
│ ├── 1ad112316e828ba268ca851d412735ed.png
│ ├── 1b54ebd07e9554d5b350a4eccf3d6927.png
│ ├── 1b59c64dd4dbef015a70d764b8491f73.png
│ ├── 1b93b406eb057a46316a8e5d6dcb57f1.png
│ ├── 1ba581b57c11bee85fb9f73984a8fbf3.png
│ ├── 1bdef543a5545464b284e68b782f2dca.png
│ ├── 1ca3d5c31827f3d8da4ccca911f77436.png
│ ├── 1e6892ee4b0f83eb2ce16f6ed03826bf.png
│ ├── 1e763998c270c75089d317fdfa88dae7.png
│ ├── 1e9e2eeb2da98f45a89f1931eda5d427.png
│ ├── 1f45245473d4bd4d321530d317aca948.png
│ ├── 1f7fc91b8c33fb193db1829257e77752.png
│ ├── 1fd83e1fdb03bea9d7e9212e51e23872.png
│ ├── 20401424e564962627aed8c09d3299d4.png
│ ├── 20881614b9faaa8d9d60d1127030e998.png
│ ├── 20f27017016d3c8ad971077d9328e801.png
│ ├── 20f5c537b53cfa289b8335cf9c9b923b.png
│ ├── 21244184c22efcc1f1d791ae04df1e7b.png
│ ├── 215796d08a625dd73a101c06573058cd.png
│ ├── 216f266c160725b450cbed5a414120bb.png
│ ├── 226d1d958775ce09ac26043a79e00c9a.png
│ ├── 22b725991373d135eedd59d2d985cc63.png
│ ├── 2301769251fbd0a7f31824aa63c68a1e.png
│ ├── 2358cd63302e403aac9ec062563b1ea9.png
│ ├── 24bc44d7a21eeefeb39a3f135a1cd407.png
│ ├── 24e5cd9a364fa28d61f8c419fc44e410.png
│ ├── 2545eec4c9ffe370dc1ecee38581c282.png
│ ├── 254c7e33f772ad11e66c6b8d4507a9e4.png
│ ├── 2597ad7ed94f28f1fe2c1d864a6afb01.png
│ ├── 25f9a4f44ecdc119dd081d42ab048f62.png
│ ├── 267799cc3716e4bf135b5db7d60890c9.png
│ ├── 28050649b4c3a9571dd0ece8539a91f7.png
│ ├── 28245bcae9ca018793bee8f1b3c7200c.png
│ ├── 28d56ff6f35dc95e42f44e585c97854b.png
│ ├── 2908b52f6766cde1cc1aef842acd4e91.png
│ ├── 293b17ed6738f897b402f22d757ad53a.png
│ ├── 294eb9741663ec4b866209e7507a804b.png
│ ├── 2b098a56d7cbad0386dbdbcf7108146d.png
│ ├── 2c9a18d917953126788d838ee35b32e9.png
│ ├── 2cc9941f839545a7a9e7e701b80d37ce.png
│ ├── 2d88d15d88f5885887f1c9f2eccaed7f.png
│ ├── 2daf14f07aa4998a9dab97d1adc1dc80.png
│ ├── 2ea98d6a129734b82d47c6f6f0d3a4b4.png
│ ├── 2fc8b51ac124295d2222ea79a98c3085.png
│ ├── 311f4b1730d1f855dc33875740f0d1c0.png
│ ├── 316a2da777841e41304643c52afa2a6d.png
│ ├── 317e6f6cfeeb59e074d268eebb55dbee.png
│ ├── 31f79342a4f7c5055b18933c50de6cd1.png
│ ├── 3204ccd775c8a96ddd56cb13c83da7fa.png
│ ├── 3247ad64fa4d9c4235020b8d47aedff2.png
│ ├── 32fb8120a8a015703b898fccfe15956b.png
│ ├── 33623563632d9b736500dbf577335477.png
│ ├── 34a8e1405bebf528fcc0d6d88492106c.png
│ ├── 353d55bb9f411b77fc0467f7c45d4d40.png
│ ├── 355abbfe14282af99bc61a06d28dc71c.png
│ ├── 35be626992e28ffa7cb6fca7ac87ec85.png
│ ├── 35ec2a7bdc20fedf97671d74fc97a300.png
│ ├── 35f67da29e8be7a697f05a4b13981c8c.png
│ ├── 376625692e9aba8927b17ce26cb84741.png
│ ├── 379b4defa66ac035f8e05f1219224766.png
│ ├── 37ec744cf8a1e7f20740eb4db8499893.png
│ ├── 384c5d43001a5a50112c3ed03e0a9f56.png
│ ├── 387c7a68a88ff8b2aeb8ee6842c1ecf7.png
│ ├── 3955f0253a511d896f76ab6b8f1e7ede.png
│ ├── 39777c4d3f10f12de650995c5a777d38.png
│ ├── 398e6607febed971b03f05961151697a.png
│ ├── 3a1a60bf157f3c28aba73527165f3ca2.png
│ ├── 3ba8698bb24d83c9980496af8e609d65.png
│ ├── 3bada6469eee7a6356a555eee57be0bc.png
│ ├── 3bf8620c23b071fa89462a6e6d0d86d1.png
│ ├── 3c2b49ab05b7dbcc05d03a8c72222d5e.png
│ ├── 3c484df7c09e6313c0c008d98c5e1614.png
│ ├── 3c6095df5a9996b00cba84fb3a96f657.png
│ ├── 3c84a254aeb094da7427c15b70502386.png
│ ├── 3cf216db4893bfad7f5a6699cb4aa987.png
│ ├── 3e026cc59ca1d2cc5b4cf3d38ddbf1cd.png
│ ├── 3e11430c9b4fcb2803c360f60ed504ad.png
│ ├── 3e77f452ad74f83ecf89ac891595b438.png
│ ├── 3eed75ce1fff263ff87e1b160eb538ed.png
│ ├── 3f401065e5807e044c8d24e71ff1717e.png
│ ├── 3f884e16b7db1f8857286f23f04d6d28.png
│ ├── 410e03e850e117e02127fac0e4967580.png
│ ├── 410e942cbdc0787f2bd476b3e24b3b4f.png
│ ├── 41838d40ea878e635c27ef57a768d256.png
│ ├── 41b4add38b377f119726f57c523f56ab.png
│ ├── 42616ba2b9d53b6fb236dc33eda7db39.png
│ ├── 42a6b7d4b2b9d688f77d81dc9245b652.png
│ ├── 42c2629b3be583dbb747be8710cf0f39.png
│ ├── 42f0fa20759224acc314f2785e8897fc.png
│ ├── 434697a25b73d147727d8973e80f6fc5.png
│ ├── 438c6c0cc9cf3f01365039379b494f01.png
│ ├── 44240aef550faca19bac50d78d82579f.png
│ ├── 444855e029f84b1a637d5f69885474e9.png
│ ├── 44716710ac3b0a97d19678e17825ee62.png
│ ├── 450f31fe77eb32cdbb452b9ec0599a87.png
│ ├── 451a522cc27c0ac1af5285937ff1982a.png
│ ├── 4530867b426278e55f20a0df9a6a51e9.png
│ ├── 456726a87c7f374b80d487423508378a.png
│ ├── 45a100c2fcc92e4b50fbad40fe01c52a.png
│ ├── 46b29fb143ee02485f716bed279d056e.png
│ ├── 46d982f59e0604c635a96ee129653a17.png
│ ├── 470d3099381b46c4a047edf3e72f3c6e.png
│ ├── 473771b10aa59ae2da02c7c6de349f81.png
│ ├── 48ab50e4aa34af9a45f25112b2ba447b.png
│ ├── 48bb70831182344abea813763bbe2f0c.png
│ ├── 4929b386eb073818e694fa885aea4f08.png
│ ├── 49732ceb3ccfa4c16812c01077d3b8f7.png
│ ├── 49b03315b33c26eabfe68684d2788444.png
│ ├── 4a09347776095f2431b73bc838a72c7b.png
│ ├── 4a4afdb7d8d18bb6c24434b8ec1e01a8.png
│ ├── 4bf513469d9ea5660ec06d4b84adea1b.png
│ ├── 4d77229c97257b5630b0a4eec15d2be6.png
│ ├── 4da1272283b94e0088e2b6ee11d443bb.png
│ ├── 4ddbf0a527eaf0c3838037f47383f8b7.png
│ ├── 4ff34beebb2165ece8d154decc82377e.png
│ ├── 5059c6322ded48baeb832b359c25f7e9.png
│ ├── 50b8578b7a6fc4fc4e93c0bcfa741d79.png
│ ├── 50cbaac38e217606f4680f80e0711270.png
│ ├── 50e3c20675e141743c270f7cdf603e63.png
│ ├── 50ed02f44d29a89a4c7453f74691a9b8.png
│ ├── 513d9c4d05f048c4b1d4a3dc06fe24fb.png
│ ├── 523fbafe9bb316b8fb1460aedb289b06.png
│ ├── 5290a90b691765d7168e3ffcc1d2b8cf.png
│ ├── 52ec8a07353a99fa14c7f2400b620aad.png
│ ├── 52f4206a73379e2d0b126481f8e7324a.png
│ ├── 52fab33a6acb4b4b13677744bbd660ce.png
│ ├── 534ef73e95a0c768fd74b0f729edd9a6.png
│ ├── 54b72f418d15481848ef3095277457bb.png
│ ├── 54e5d409d0e0a0ac7acff9ff519cb4fd.png
│ ├── 55102598edbf947b700b99c58261b0de.png
│ ├── 561876033b793ca36cf24d03e60255bd.png
│ ├── 563648e36ab2bba8924120e0bcad8b39.png
│ ├── 56ffcf35c47bca48bc106e8c70031d3c.png
│ ├── 5723611a889757fe3e243258c66a4a4e.png
│ ├── 574c41ba230fa4faccb8536cb549775a.png
│ ├── 582d5db38af18d164c19e4e560b2970c.png
│ ├── 585388f4faa6fc2e3a66b18447cbd5b8.png
│ ├── 5868cfb904e03213cc39ed7507dc61e8.png
│ ├── 596e9557c6e6db65f852aeea922acaac.png
│ ├── 59becbdb7eed68f868f31be624a6622d.png
│ ├── 59fc648dc4c79b9d96b1eb4d86ebe28f.png
│ ├── 5a547b7e7773953d3f2d34da7fa8fa02.png
│ ├── 5b58431c9946a9a070761b3685f91da3.png
│ ├── 5b6dff6fa842f4444e1a54f94b426d1d.png
│ ├── 5baddda6f992ce5235b572560542b9ca.png
│ ├── 5bc566bf093519826358a08da1585171.png
│ ├── 5c3c6177852ece4de0b87410a8069bbf.png
│ ├── 5dfe5b8330a0f3ef5b2d7744f322b36d.png
│ ├── 5e16945d63544fc737d8cb3abc3d97f2.png
│ ├── 5e5c8edfdcd73ae6ae7ee236d59d9009.png
│ ├── 5ea188d26edac23bf8750d16ca9918b6.png
│ ├── 5eb82d32bb1836a71fa2ab7b0ad07bd0.png
│ ├── 5f2e34bf5e4153655955b5fe3188f72a.png
│ ├── 5f62627c0376f0232f492188243650f3.png
│ ├── 606e963cf9efb42f374e64658c2281f6.png
│ ├── 609c9d0bffe76f0c088396224874a3ea.png
│ ├── 6229638f238b3d1c149621c5b4363181.png
│ ├── 6252230b63477f6803617cdad5ff0cf1.png
│ ├── 62767a34cd62215cb3980c86cf59b735.png
│ ├── 6360b9e793b1a08afaaf4d45e4df0166.png
│ ├── 6361a71961fd3ad515a7d643b339cda1.png
│ ├── 64a25fc4296cdf091f46a492c812c600.png
│ ├── 65595c6be6f92188153d29502e310036.png
│ ├── 65701079efc6fbcfac714d55312c2693.png
│ ├── 65c8a847ed97f02b1ad024cd3d4fc9ce.png
│ ├── 661858cb3d4ad5263e072a3d8c4dd857.png
│ ├── 6662b1ec9a8e494c24e3bf872c2be3d5.png
│ ├── 66a772855abc0c4aec9ded71ba3928d3.png
│ ├── 671521fc93e0d5f674f0d0d59c65a923.png
│ ├── 67415a539f78a6fa4bdcf1d02aa755b8.png
│ ├── 6742cde52b010add9450e0b5d6cb0f35.png
│ ├── 6778caf4cf9fa6b063bd91d46cefd4f0.png
│ ├── 67dddaf78badbd619f0c58b2075b1631.png
│ ├── 67e35fab30e5f65a6741ecb2b87475ea.png
│ ├── 68670eca84e2f6151842093fe25de2e7.png
│ ├── 68b85b6630b60f4f1d9e097f110a6008.png
│ ├── 69d29d529e0d79542a9249093c0ae414.png
│ ├── 6a348c988cd53877466eb3afdfc9b11e.png
│ ├── 6a4f3c65ca7b10791cc0f17275e9353a.png
│ ├── 6ad3eafb8fec5f42abfe43ecd0934c2a.png
│ ├── 6aeb803bf242a73355f46c7a12098249.png
│ ├── 6b216e6932189c0ca62e2799e0381b1e.png
│ ├── 6c1357fc865fd3391d11391aff6ad27d.png
│ ├── 6cad7252b340dd96e179197fba1d7065.png
│ ├── 6cb51c6499f83d5c2b097cb9cd8c81de.png
│ ├── 6cc1a25519b0874bd4b09d7e38c1568c.png
│ ├── 6d848a8a9a016dbe3da0f34b0c971e1e.png
│ ├── 70388c5ccc6206e4f4cb97d68215f17f.png
│ ├── 7145f52bb4112439b04ebef6fadd807c.png
│ ├── 72f59847cedd15fb62ce129779104fbe.png
│ ├── 72fc0964869bc5d568150b170ea02ccd.png
│ ├── 73333bc19124506a1650695306db6f2a.png
│ ├── 73f4421e7d81ca36bbe4230db569a488.png
│ ├── 7437a336557b7ad17a48817d3c91b87e.png
│ ├── 744f12f8ad4b320a5feaed3a19e6f27d.png
│ ├── 749bd2e3be34a90ece840bb9b588264e.png
│ ├── 74c5a84368ecaf339c09f9ef5d719cc1.png
│ ├── 752327bbb9bd4301a112bc2383d47327.png
│ ├── 754c981115afe3a21638b787218d711d.png
│ ├── 763bd19dc7ef0c866dadd7fc803636f0.png
│ ├── 76be7f7ef774644217c1584d0c13c7bd.png
│ ├── 7715c0143bc2e165ff38525cc976b841.png
│ ├── 7770957dc6ccad29f2a92be76dc5d7fb.png
│ ├── 77ec44ba483a2e92d27a2356288bd1ef.png
│ ├── 79684a7217e988213486b0a7af71af68.png
│ ├── 797d2cc8e71551d0c159dd909ba6b41b.png
│ ├── 798047ed2b33380c590c51d94524eba5.png
│ ├── 79add9ade942527d0b4c60732a32d5c5.png
│ ├── 79b2b47cbb4da8e16c41c475c632aa94.png
│ ├── 7ad82a711f9227199f2432f1a5023627.png
│ ├── 7af6e1e41643c8d80dc2873c30321c2f.png
│ ├── 7b275014e7392fc05339036e4f2f842a.png
│ ├── 7b2e501fa1e8d06b8de89bfcfaeeb1dd.png
│ ├── 7b8aeacb24bcd57ffddea7c49c60f305.png
│ ├── 7cd93509a27e28b96ed3d097cbf23272.png
│ ├── 7cee9f2ec164dd7106b7157472650b4f.png
│ ├── 7d4a4041ea50eb0bb35d207290cfcf27.png
│ ├── 7d6fb180db1c05b5ce619a61aaecdf67.png
│ ├── 7e1f9c57753a6366e44c76dc060886b6.png
│ ├── 7eadaf54720adfd1d5bb7e3ccddb197f.png
│ ├── 7ec3f0b72fe401e915c03fc1e2f1056f.png
│ ├── 7ecdff74ff1a8dd470a00ac4b5f659bf.png
│ ├── 7f04d1b1463aad83d5c6d3d1177fbb7d.png
│ ├── 7f8237ed57c066a54fd1744b096242bd.png
│ ├── 8027679e4316b322726fd6cfc69c5bfd.png
│ ├── 80b2f6f52d386d30b161dda40aab0421.png
│ ├── 81e928c8710117d96e9d18f025000b3e.png
│ ├── 823238528d1e6084ff4ad0dece4dc20a.png
│ ├── 82476b9933463daf14423c0baedfeec8.png
│ ├── 8259448ceacfff59f5a6f351003248ad.png
│ ├── 837790fceca8e52ab35c310367e9e913.png
│ ├── 8419a319cae8e3edb0aa230370a5f383.png
│ ├── 8549a2cfd73b48db1e76222d281a1f4e.png
│ ├── 87a5cd7b8f48f2504e2b0f82a96b5b39.png
│ ├── 87bb54bdfd5d7207502ff7cbecb06b95.png
│ ├── 87c8703b96ee6aeb4d19a91ff67361fd.png
│ ├── 8901db969a7502159bcaca14cd44486b.png
│ ├── 8914063c1acebc0673d64b0a3214107c.png
│ ├── 89450938aa8bf7ee6b3f8df0bbb42949.png
│ ├── 8a818ad5f3234e16eb1466d6e2d61f2c.png
│ ├── 8c4dab612a1883f09baa8ac118c7f902.png
│ ├── 8c6ff6c085c99a34de12e5d6fbdfe1e0.png
│ ├── 8c8e6a5567b4300345dbe0e763184cc0.png
│ ├── 8cb593ec2c815f04feff1f5861efdeb2.png
│ ├── 8d1f3dc76d976f51b460af2aa371e0f7.png
│ ├── 8f78eb1f6f6dfabcaef5b1bd5823ab57.png
│ ├── 905cbbf640d57f2defa7bb01dcacba0f.png
│ ├── 90a79eb6e9618e852239a328d8dcf527.png
│ ├── 9124bb9b73cba326841bcd46cef0b8bf.png
│ ├── 912fb4b786301c6712fb1c31998580d8.png
│ ├── 91834cb69e63d8822abb113432380664.png
│ ├── 9291af31762c4aa59d5f733e850d2318.png
│ ├── 92cdc6f5c8f9ebebea9e9ffc83a6be47.png
│ ├── 93031ae62312928930125b3ea5781ac9.png
│ ├── 93b6e1eb65398bece1968356cb29d0e5.png
│ ├── 949cae1cbb751557750be4f84026d8f6.png
│ ├── 96ae579d42b238b2329996a3c8ed3dbc.png
│ ├── 976fb154d0245054af529d7c62a31490.png
│ ├── 9857f426db9cdbd07a5cddd2ffdec5dc.png
│ ├── 985ff9cb2340956d61f06f7ba70db7f4.png
│ ├── 987ff9f2b77271ff57c3a7b332758f9e.png
│ ├── 990c5be3a7d5fb3f26a962fc6447fad1.png
│ ├── 999b6b5492a7e15349bdc6464e8bf8d8.png
│ ├── 99dc23e24305878affcc0fcb624bc170.png
│ ├── 9a1df9afac7ad70e8ad35f703c6c43ab.png
│ ├── 9a572d05e419f1de3e5f8919ed39a695.png
│ ├── 9ace28803450f597b91ededb65e2bbc9.png
│ ├── 9b18617293fcd8b2f55d94226429f7ce.png
│ ├── 9b9e02a17b50514aa222402367460e31.png
│ ├── 9c40cc5191916acce4d804fd9a03d80b.png
│ ├── 9c997a1724653b7bd339f59a0ad55c4d.png
│ ├── 9d63476f62fc56601030fefd9dc642e9.png
│ ├── 9df4b9b8803ddf23e1ec8eb5a5dd4b25.png
│ ├── 9e1946dc2253a6dd626370511d436daf.png
│ ├── a014dae99f76147aaa222c11bd829df5.png
│ ├── a04389430876a5e2d85cd20e9305f8fe.png
│ ├── a0ba8e992327562d142de77fb3f6d11b.png
│ ├── a145f4376d81165aeb1bbc4ac6420436.png
│ ├── a170b85ba2198b8abbffb2f500316164.png
│ ├── a1cac4c4ea911f399afb3aba4fcfbfa6.png
│ ├── a1d6aa0ed1eab8a07f359cb68be2fcf0.png
│ ├── a298b621bc5cf8c4f40f3fca54380043.png
│ ├── a2dc61abc9670a137d9221727b105ff4.png
│ ├── a2e30d3cf4849dbeb8f7ee713c85e433.png
│ ├── a2eb73c63833c01c05819bd7c95ed33b.png
│ ├── a3478e921ffb3e7a0e5743635965db96.png
│ ├── a356a6140636955a2ad9d68b2bc3e2c3.png
│ ├── a46af54957b0ced8ec36fcb2746392f6.png
│ ├── a56ce4f9018dcb6918187d6a08f8f08b.png
│ ├── a5fb03883956231995a48987123faf69.png
│ ├── a61d99fefd95547649390c96f509deb0.png
│ ├── a6307d508e9020d93273a7c086d9735f.png
│ ├── a6c8273399f9363ccde4c9fa10416d85.png
│ ├── a733dd4f14ec346fc934b3df41f361f3.png
│ ├── a7370a125fbf688689dd8d01eefe85d8.png
│ ├── a7e5b2a9ca127d895d2b43076865a5c6.png
│ ├── a8986984d9894176e59e24ef615d2fb7.png
│ ├── a9d65eb608b6d6f4220c52451342ec34.png
│ ├── aa3d45f8bd343d31b77cf313a62b5aa6.png
│ ├── ac5d8ee66b60f37dc674ce545d02df1f.png
│ ├── accc6e6a1ddb862b531e212c8e93eb2c.png
│ ├── aceee14fe06fce887be54f0ec7b114f5.png
│ ├── ae14221ce4732ca7a1a0682caf5b8b26.png
│ ├── ae58a238ef91782779ab7d9edd435145.png
│ ├── aecbe2d38413448e5fc2c57ff39dac74.png
│ ├── aef983df611516fef37f5786bb9a3bc6.png
│ ├── af4537c544f879095967c112258e12be.png
│ ├── af949164ec0cacc5cbe428f2dbd02e02.png
│ ├── afe683903f42920cd2df7ebf2e013682.png
│ ├── afed6caaa230e61b9aa70b3787b8409d.png
│ ├── b075e09a48f8bf9bbe874169e6aaea16.png
│ ├── b08da6bae0975d77d0e3dddfc7494282.png
│ ├── b0da94b026e8b3d20a6f574b00b71dbe.png
│ ├── b10028ed21d3c28e59ffe80c140310bf.png
│ ├── b10b45adec47e1ea9cd03973b4a7f99b.png
│ ├── b263b9e3327b25dc76507683ad34a525.png
│ ├── b2d10ac23baab08a3c3cf5543b3d6091.png
│ ├── b4d079f311cce4c81bd01e3a0e68f6ab.png
│ ├── b5426ca99664ab68ebe800596749e81f.png
│ ├── b5e4a6367d152249f24f890a0fca9451.png
│ ├── b6485f882c58d1c0045a1d57806acaa7.png
│ ├── b6c2d3ffd6ecc59ab12927f2b7f86a04.png
│ ├── b73db41c871f22c2b7b2a02956129aed.png
│ ├── b772561a8b033603d7e978fd772fc26f.png
│ ├── b7e8674f0219a22bb7ec00ef816530e7.png
│ ├── b83afdc65f6e72579b28cf2daa741aa1.png
│ ├── b87397ff74cfde57112d29aa12fd5e4d.png
│ ├── b8c3321c71af95bbe2aed222f3dff7d5.png
│ ├── b8d292c9f7dbe3b28cd3e72dd29ace6f.png
│ ├── b960f5fe429b48b310fb42b6fcfa9d9a.png
│ ├── b996fbb7c7666ea432e56044a04a3eb1.png
│ ├── b9eea0dd36da0b798b52278572846e71.png
│ ├── ba11de281711ceb982478b88367b2745.png
│ ├── ba86439522db29a7f13cee0cc3fec9d1.png
│ ├── ba9d6ed4885bb5304f21e0ff6410db81.png
│ ├── bb0bffd2ea71ddb038e1a73cdb93fca6.png
│ ├── bb8b365377146742fb38321b91c07144.png
│ ├── bba55b7c1d723982949b0d5cde12c2d8.png
│ ├── bcccf1b40bbf87b6466a8f047cf68023.png
│ ├── bdd5a57750dc5d4254601c953e91ad40.png
│ ├── be0a65bc3015c12a3315343ed5523cc0.png
│ ├── be52aeff66ef273c09cd333ec10c04a3.png
│ ├── becad5033036524d77b95ecbc2fa3ac6.png
│ ├── bfacd8bca6c495eb2167baa8c2579f76.png
│ ├── bfeb0e809b5d892bd9a56f32fb3cb7ab.png
│ ├── c01a9e15d82c93e90120e22e9e8990a7.png
│ ├── c0342141eb4bff6d22df924f6644fb7e.png
│ ├── c0a288e1ebdab6df088271a3899a201d.png
│ ├── c0d563e80025800b5f77ca343134f27b.png
│ ├── c0d678fc436e32a8cfcce285f1aa1f65.png
│ ├── c2e210c80fdcfc0a4d6d3cf8d1a7cc3f.png
│ ├── c34f5969a6131d8193805a01f1cfac50.png
│ ├── c37ae657bb9f3f7f4260adc76eeeb203.png
│ ├── c3d15c493420cc5cfca48d685e60303d.png
│ ├── c3e97184740f2bfea77225321a1c2b09.png
│ ├── c3f30b55b999ae4b2bccb76a84cf6148.png
│ ├── c428aa875e7264cdbc17454bcf1e0b34.png
│ ├── c44bcecc3e915aa8eba83f8245df72b5.png
│ ├── c517127d210f0d83335f14be954363c3.png
│ ├── c52251f24fcb443a4377f34e791d423c.png
│ ├── c5b2d320e0270012b450bce74beac058.png
│ ├── c5f712e600daf7164cf2e2ade5360633.png
│ ├── c63e2b241972b501843a9d54f9521fed.png
│ ├── c63eca00dde4bf71f4ad262ff36c898d.png
│ ├── c6c5752198b6758772b16549fb79721c.png
│ ├── c71260029f022fff16b50a21cfaf9666.png
│ ├── c77dabedb5ebc48afd2bd2ac6db2f892.png
│ ├── c80c5cb0d5a2712b88599d0d10730a2c.png
│ ├── c821af272512fade7fe46f333416ea3b.png
│ ├── c90783db249ad3be98e9775d1606f840.png
│ ├── c9ee4fc2a2abfc37eacbe542665fecc0.png
│ ├── ca34e74919ae003740bb008b663c8957.png
│ ├── cbbb7149c169c38b879e46d780c27640.png
│ ├── cc1be182ca3ce2f91781433956c4b4df.png
│ ├── cc344f23cbe26ae6a879ca53967c83ff.png
│ ├── ccc3a9ca871e756eb1a1a96d51f1d9c7.png
│ ├── cd346a7ffd3b6a04c40a0828492ca85b.png
│ ├── cd6f1314ca6a052b9e3af0cf314d5112.png
│ ├── cd82ac281a339486c21d6685fe5c8d6a.png
│ ├── cdc02570069f5884059543b2c2b71f77.png
│ ├── cef0c103778848a89db587ea1030246a.png
│ ├── cf76a1dc6314a7a54b4e77049513b47c.png
│ ├── cf9eb957e4236fa6e2154fde37b2bf9e.png
│ ├── cfcff4e917901d0ab41a28f8510e78c2.png
│ ├── cfd3db03b88c35bde2587d9d8965e7e5.png
│ ├── cfe6775905dc37fb7f45f86073777396.png
│ ├── d025a80ff9ecd29c5ad2ce7a3f4eed97.png
│ ├── d04cdcaa250fbe88584ba3b7c06887c0.png
│ ├── d0e3e1c5aae487b2f5c196f56aef4608.png
│ ├── d1e252842c7d927a995a4cfd001f5950.png
│ ├── d21a94d7e1bed00f08cc10be3abc11d5.png
│ ├── d25e41836a8ce1522305d391298e67ee.png
│ ├── d2d80d88b5ff645356da89d7a384c5c3.png
│ ├── d3ec86f26b410b8852697ba15a8a47e5.png
│ ├── d4032483fed9820f817d094c0d412161.png
│ ├── d4bda53db2e16a90623650b5a8b264a4.png
│ ├── d53cd06597f85aaa7e506e5cb8008715.png
│ ├── d5a2bbec76cba5f35f4e55b75ff05642.png
│ ├── d740585ebb6d2ee2a7be65e29d2c08b1.png
│ ├── d8f1ff10b2a5efa49cf51b4348c3dae2.png
│ ├── d9e41c5f49043f0df0441648f3abd524.png
│ ├── d9ec7ab3a3aafe6374ca90a332028637.png
│ ├── da30d9237b04008aa3b3146f492a2951.png
│ ├── db5c96e42e39e9d92b33ef5a4bb339aa.png
│ ├── dc54ffd9c23d52bbe6827b55be8632e8.png
│ ├── dc9be52aac6e2c3e16869ea3d1cc9467.png
│ ├── dcbf76472daf0e9b7d56aa94eae09a96.png
│ ├── dd0797a2123d94fa338acde76e2e2b52.png
│ ├── dd763582a204c2cef9181b561b2326c2.png
│ ├── dd88b933ac5c73e24b23f44e24db0fec.png
│ ├── de0dc59c654c060dc0edeea1d6440de6.png
│ ├── de5a6816286c74097223b15f9a882b71.png
│ ├── de8b4fcebd445ce00b280c0f2d27a5a1.png
│ ├── df013a20cbe08dc01151bc86b0091034.png
│ ├── df091975d643630275032ab7534729f9.png
│ ├── e02ce5c21e99657fc11effe9c85849c5.png
│ ├── e060537aaebaf5bfddf367eb8e91ce95.png
│ ├── e093dbc5e535c44879be983ad23e56f4.png
│ ├── e0e7e37982beaecac92d9361a691f346.png
│ ├── e13189be0beeae26bba6eb2f61757f0a.png
│ ├── e16c8f2f4835ac3ab43118d237e74bcc.png
│ ├── e1e1d9f75fb06be46cc82944a3e0f65d.png
│ ├── e1ed67171e941eac023a9d48b69f53c3.png
│ ├── e205df9e7c001a5d09ff991d11144166.png
│ ├── e2b8163b359c79cc3c308301e169296b.png
│ ├── e30c9f080a5358331e084f2fb197ae5b.png
│ ├── e324c6594006cdd6b6dabffd47da7fd5.png
│ ├── e403f3d1a33223b3f645ffe603263847.png
│ ├── e4e1f55bd8a29b0e9ff30e472460c6af.png
│ ├── e6f697a745cdc4d9d4fde6ac744c35e9.png
│ ├── e815e3cd33d4dbd8bf97769e4fa7f707.png
│ ├── e94e2b2dd49d69d985cf69b63fca9d09.png
│ ├── e9f57a5cb0d18299c4a1d6426c033592.png
│ ├── ea2e5b8d6f616fa0ecc50bd8c9b91ec4.png
│ ├── eaba9a5b16f6beeb14e52ab6e9033318.png
│ ├── eb44c500ecb0ef350c890e65fd32919f.png
│ ├── eb6def1a8622d582111757d94d262811.png
│ ├── ebb217365f304f878461f33c09c0b3ad.png
│ ├── ec06a7a4b3443899166a97fda0bb8574.png
│ ├── ecb8177a4bb6d702a92d0e28bc2d41de.png
│ ├── ed37c30aefdb229ba90aa582a2d63b85.png
│ ├── ee02657f3ea6f7b61bd90797cda47e3f.png
│ ├── ee08bfaa421f443fc96df2c0f4d925d7.png
│ ├── f0455aee312f6b26543c8fa24f44a177.png
│ ├── f0d9b2bca7e04f325bb7ed1c25f88d95.png
│ ├── f0f1d06937fa2e464c8a198895e60239.png
│ ├── f210ca6303e85ab7c62415c0e79db91b.png
│ ├── f26a52979e32dee0a7ba15b9adbcd701.png
│ ├── f4078c3e07d4fc0668a9f653894c7e7d.png
│ ├── f43ad53f63179150b209f28729b9437b.png
│ ├── f4ead564b79a87b16f390a3e67246f21.png
│ ├── f56335c284caf2754215d761bdc6930e.png
│ ├── f593b88494434c9772ef258f1e6b9370.png
│ ├── f6773d2cf43c979ecf3b3585c81b68c1.png
│ ├── f7151945051cbe7d979ad28cfd24ff15.png
│ ├── f73ab236f083dc0217437cfa4e0f9af2.png
│ ├── f83a76f61cc8d05165a273e167d22228.png
│ ├── f85427d9e51249ff91d1fcd39ffe8fbb.png
│ ├── f88ed3075be6a23b3161973d25c03692.png
│ ├── f8b360a8e812f72e1e83969a9a913583.png
│ ├── f9daa7942e2f2d73123a85bfbbb81fa7.png
│ ├── fa64feccfa38611214fc7f9735921264.png
│ ├── fab8939dcf09f1d39570fdeb48e6a040.png
│ ├── fac626fc8827c4988cbd2213a075040e.png
│ ├── fbc4d4a94f6b10e7c0e3129f13395538.png
│ ├── fbcd9dd2f826324c89ba4779f71754fb.png
│ ├── fc9eba408f3362fe77204d0070f2eb4e.png
│ ├── fcb9c60901d7d4c9b22cc95853619ebc.png
│ ├── fd4d5d470604bb132907cbe25decc055.png
│ ├── fd8cc56d0c4fb060ae813204c23b5478.png
│ ├── fdd7a51dbf1809ae1abb4a5dc88777bc.png
│ ├── fde0e8efbe401195aed59f10170e08c9.png
│ ├── fdf526d2ddd6748431ca206a863f4804.png
│ ├── fe7f1eea0602fb7a785fe488019996f5.png
│ └── feb134d4c33776732227c6645594e4d9.png
│ ├── images
│ ├── background.png
│ ├── drawing.png
│ ├── edit.png
│ ├── logo.png
│ ├── search.png
│ └── setting.png
│ └── main.json
├── vite.config.js
└── yarn.lock
/.gitignore:
--------------------------------------------------------------------------------
1 | /.idea
2 | /.vscode
3 | /.hbuilderx
4 | /node_modules
5 | /dist
6 | /script/script.js
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # html + css + jquery 实现的极简导航
2 | 
3 |
4 | ## 使用
5 | > 依赖nodejs、yarn环境，自行安装
6 | ```shell
7 | git clone https://github.com/putyy/nav
8 | yarn install
9 | # yarn run build
10 | yarn run dev
11 | ```
12 |
13 | ## 功能概览
14 | - [x] 切换模式
15 | - [x] 切换主题
16 | - [x] 引擎变色
17 | - [x] 设置背景
18 | - [x] 清理缓存
19 | - [ ] 显示时间
20 | - [ ] 显示地区
21 | - [ ] 显示天气
22 | - [ ] 编辑引擎
23 | - [ ] 编辑分类
24 | - [ ] 编辑导航
25 | - [ ] 下载配置
26 | - [ ] 覆盖配置
27 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "gowas-nav",
3 | "version": "1.0.0",
4 | "description": "",
5 | "main": "index.js",
6 | "scripts": {
7 | "dev": "node script/display.js && vite",
8 | "build": "node script/display.js && vite build --emptyOutDir",
9 | "test": "echo \"Error: no test specified\" && exit 1"
10 | },
11 | "keywords": [],
12 | "author": "",
13 | "license": "ISC",
14 | "devDependencies": {
15 | "md5": "^2.3.0",
16 | "sass": "^1.63.6",
17 | "sass-loader": "^13.3.2",
18 | "vite": "^4.3.9"
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/script/display.js:
--------------------------------------------------------------------------------
1 | const fs = require('fs');
2 |
3 | const arr = fs.readFileSync(__dirname + '/../src/public/main.json', 'utf-8');
4 | const { engine, data, ...rest } = JSON.parse(arr);
5 |
6 | function strReplace(searchArray, replaceArray, subject) {
7 | if (searchArray.length !== replaceArray.length) {
8 | throw new Error('The lengths of searchArray and replaceArray should be equal.');
9 | }
10 |
11 | for (let i = 0; i < searchArray.length; i++) {
12 | let search = searchArray[i];
13 | let replace = replaceArray[i];
14 | let regex = new RegExp(search, 'g');
15 | subject = subject.replace(regex, replace);
16 | }
17 |
18 | return subject;
19 | }
20 |
21 | let engineHtml = '';
22 | let enginePlaceholder = '';
23 | engine.forEach((value, index) => {
24 | if (index === 0) {
25 | enginePlaceholder = value.placeholder;
26 | }
27 | engineHtml += `${value.title}`;
28 | });
29 |
30 | let oneMenuHtml = '';
31 | let twoMenuHtml = '';
32 | let navsHtml = '';
33 | data.forEach((dataItem, k1) => {
34 | oneMenuHtml += `${dataItem.title}`;
35 | if (k1 === 0) {
36 | if (dataItem.menus) {
37 | dataItem.menus.forEach((menu) => {
38 | navsHtml += `
39 | 
40 | ${menu.title}
41 | `;
42 | });
43 | }
44 | if (!dataItem.child){
45 | return;
46 | }
47 | dataItem.child.forEach((childItem, k2) => {
48 | if (k2 === 0) {
49 | twoMenuHtml += `全部`;
50 | }
51 | twoMenuHtml += `${childItem.title}`;
52 | childItem.menus.forEach((menu) => {
53 | navsHtml += `
54 |
55 | ${menu.title}
56 | `;
57 | });
58 | });
59 | }
60 | });
61 |
62 | let script = ''
63 | if (fs.existsSync(__dirname + '/script.js')) {
64 | script = fs.readFileSync(__dirname + '/script.js', 'utf-8');
65 | }
66 |
67 | let indexHtml = fs.readFileSync(__dirname + '/../src/index-cp.html', 'utf-8');
68 | indexHtml = strReplace(
69 | [
70 | '__meta_title__',
71 | '__meta_keywords__',
72 | '__meta_description__',
73 | '__meta_og_url__',
74 | '__canonical__',
75 | '__title__',
76 | '__engine__',
77 | '__engine_placeholder__',
78 | '__one_menu__',
79 | '__two_menu__',
80 | '__navs__',
81 | '__script__',
82 | '__version__',
83 | ],
84 | [
85 | rest.meta_title,
86 | rest.meta_keywords,
87 | rest.meta_description,
88 | rest.meta_og_url,
89 | rest.canonical,
90 | rest.title,
91 | engineHtml,
92 | enginePlaceholder,
93 | oneMenuHtml,
94 | twoMenuHtml,
95 | navsHtml,
96 | script,
97 | rest.version,
98 | ],
99 | indexHtml
100 | );
101 |
102 | fs.writeFileSync(__dirname + '/../src/index.html', indexHtml);
103 |
104 | console.log("大功告成！")
--------------------------------------------------------------------------------
/show.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/putyy/nav/9c4f07b0c1fe975f4030b661d6ffa8077077b455/show.png
--------------------------------------------------------------------------------
/src/assets/main.js:
--------------------------------------------------------------------------------
1 | window.addEventListener('DOMContentLoaded', function () {
2 | (async function () {
3 | const docStyle = document.documentElement.style;
4 | const styleList = ['', 'invert(85%) hue-rotate(180deg)', 'invert(100%) hue-rotate(180deg)',];
5 | const appDataCacheKey = 'app-data-cache';
6 | const appDataCacheBgKey = 'app-bg-cache';
7 | const engineColor = [
8 | {
9 | default: "#ffffff",
10 | active: "#11e8c6",
11 | },
12 | {
13 | default: "#ffffff",
14 | active: "#1169e8",
15 | },
16 | {
17 | default: "black",
18 | active: "#ffffff",
19 | }
20 | ];
21 | const appData = await getCategory();
22 | (function (appData) {
23 | if (appData.mode_index === 1) {
24 | $(".category").removeClass("hide");
25 | } else {
26 | $(".category").addClass("hide");
27 | }
28 |
29 | let bgCache = localStorage.getItem(appDataCacheBgKey);
30 | if (bgCache) {
31 | $("body").css("background-image", "url(" + bgCache + ")")
32 | } else {
33 | $("body").css("background-image", "url(" + appData.background_image_url + ")")
34 | }
35 |
36 | document.body.style.setProperty('--engine-color-default', engineColor[appData.engine_color_index].default)
37 | document.body.style.setProperty('--engine-color-active', engineColor[appData.engine_color_index].active)
38 |
39 | setTheme()
40 | let inputObj = $(".search .form .input");
41 | if (appData.engine_index !== 0) {
42 | let engineHtml = "";
43 | let placeholder = "";
44 | appData.engine.forEach(function (v, k) {
45 | if (k === appData.engine_index) {
46 | engineHtml += `${v.title}`;
47 | placeholder = v.placeholder;
48 | } else {
49 | engineHtml += `${v.title}`;
50 | }
51 | })
52 | inputObj.attr("placeholder", placeholder)
53 | $(".engine").html(engineHtml);
54 | }
55 | $(".content").removeClass("hide");
56 | inputObj.focus();
57 | })(appData)
58 |
59 | function buildRightHtml(nav) {
60 | return `
61 | 
62 | ${nav.title}
63 | `;
64 | }
65 |
66 | async function getCategory() {
67 | let cache = localStorage.getItem(appDataCacheKey);
68 | if (cache) {
69 | let res = JSON.parse(cache);
70 | if (window.gowas_version && window.gowas_version === res.version) {
71 | return res;
72 | }
73 | }
74 | await $.get('/main.json', function (res) {
75 | cache = res
76 | localStorage.setItem(appDataCacheKey, JSON.stringify(cache))
77 | }, 'json')
78 | return cache
79 | }
80 |
81 | function setTheme() {
82 | docStyle.filter = styleList[appData.theme_index];
83 | document.body.querySelectorAll("img, picture, video").forEach(function (el) {
84 | el.style.filter = appData.theme_index ? "invert(1) hue-rotate(180deg)" : ""
85 | })
86 | }
87 |
88 | $(".search")
89 | .on("keydown", ".input", function (e) {
90 | let theEvent = e || window.event;
91 | let code = theEvent.keyCode || theEvent.which || theEvent.charCode;
92 | if (code === 13) {
93 | let v = $(".search .form .input").val()
94 | if (v) {
95 | window.open($(".engine .active").attr("data-url") + v, "_blank");
96 | }
97 | return false
98 | }
99 | })
100 | .on("click", ".submit", function () {
101 | window.open($(".engine .active").attr("data-url") + $(".search .form .input").val(), "_blank");
102 | })
103 | .on("click", ".engine .item", function () {
104 | $(".engine .active").removeClass("active");
105 | $(this).addClass("active");
106 | $(".search .form .input").attr("placeholder", $(this).attr("data-placeholder")).focus()
107 | appData.engine_index = parseInt($(this).attr("data-index"));
108 | localStorage.setItem(appDataCacheKey, JSON.stringify(appData))
109 | })
110 | .on("click", ".tips", function () {
111 | let obj = $(this).parent().find(".tip");
112 | if (obj.is(":visible")) {
113 | obj.fadeOut();
114 | } else {
115 | obj.fadeIn();
116 | }
117 | })
118 | .on("click", ".tip .mode", function () {
119 | let obj = $(".category");
120 | if (obj.hasClass("hide")) {
121 | obj.removeClass("hide");
122 | appData.mode_index = 1;
123 | } else {
124 | obj.addClass("hide");
125 | appData.mode_index = 0;
126 | }
127 | $(".setting .tip").hide();
128 | localStorage.setItem(appDataCacheKey, JSON.stringify(appData))
129 | })
130 | .on("click", ".tip .theme", function () {
131 | appData.theme_index = appData.theme_index >= styleList.length - 1 ? 0 : appData.theme_index + 1;
132 | setTheme()
133 | localStorage.setItem(appDataCacheKey, JSON.stringify(appData))
134 | })
135 | .on("click", ".tip .bg", function () {
136 | $("#file").click()
137 | })
138 | .on("click", ".tip .clear", function () {
139 | localStorage.removeItem(appDataCacheKey, null)
140 | localStorage.removeItem(appDataCacheBgKey, null)
141 | location.reload()
142 | })
143 | .on("click", ".color", function () {
144 | appData.engine_color_index = appData.engine_color_index >= engineColor.length - 1 ? 0 : appData.engine_color_index + 1;
145 | document.body.style.setProperty('--engine-color-default', engineColor[appData.engine_color_index].default)
146 | document.body.style.setProperty('--engine-color-active', engineColor[appData.engine_color_index].active)
147 | localStorage.setItem(appDataCacheKey, JSON.stringify(appData))
148 | })
149 |
150 | $("#file").change(function () {
151 | let file = $(this)[0].files[0];
152 | let reader = new FileReader(); // 创建FileReader对象
153 |
154 | reader.onload = function (e) {
155 | let fileContent = e.target.result;
156 | localStorage.setItem(appDataCacheBgKey, fileContent);
157 | $("body").css("background-image", "url(" + fileContent + ")")
158 | };
159 | reader.readAsDataURL(file);
160 | })
161 |
162 | $('.category').on('click', '.menu .item', function () {
163 | let that = $(this)
164 | $(".category .one .active").removeClass("active");
165 | that.addClass("active");
166 | let data = appData.data
167 | let index = that.attr("data-index");
168 | let leftHtml = '';
169 | let rightHtml = '';
170 | let child = data[index].child;
171 | if (data[index].menus){
172 | data[index].menus.forEach(function (nav) {
173 | rightHtml += buildRightHtml(nav)
174 | })
175 | }
176 | if (child) {
177 | child.forEach(function (v, k) {
178 | if (k === 0) {
179 | leftHtml += `全部`;
180 | }
181 | leftHtml += `${child[k].title}`;
182 | data[index].child[k].menus.forEach(function (nav) {
183 | rightHtml += buildRightHtml(nav)
184 | })
185 | })
186 | }
187 |
188 | $('.category .two>.left').html(leftHtml)
189 | $('.category .two>.right').html(rightHtml)
190 |
191 | }).on('click', '.left .item', function () {
192 | $(".category .left .active").removeClass("active");
193 | $(this).addClass("active");
194 | let indexArr = $(this).attr('data-index').split('_');
195 | let data = appData.data[indexArr[0]].child
196 | let rightHtml = '';
197 | if (data && indexArr[1] === '-1') {
198 | data.forEach(function (v, k) {
199 | v.menus.forEach(function (nav) {
200 | rightHtml += buildRightHtml(nav)
201 | })
202 | })
203 | } else if (data[indexArr[1]].menus) {
204 | data[indexArr[1]].menus.forEach(function (nav) {
205 | rightHtml += buildRightHtml(nav)
206 | })
207 | }
208 | $('.category .two>.right').html(rightHtml)
209 | })
210 | })()
211 | })
--------------------------------------------------------------------------------
/src/assets/main.scss:
--------------------------------------------------------------------------------
1 | /*reset style start*/
2 | html {
3 | text-size-adjust: 100%;
4 | font-size: 62.5%;
5 | }
6 |
7 | body {
8 | line-height: 1.6;
9 | font-family: 'Microsoft YaHei', serif;
10 | font-size: 0.3rem;
11 | color: #716d6d;
12 | background-color: #f7f7f7;
13 | }
14 |
15 | * {
16 | margin: 0;
17 | padding: 0;
18 | box-sizing: border-box;
19 | }
20 |
21 | img {
22 | border: 0;
23 | vertical-align: bottom;
24 | object-fit: cover;
25 | }
26 |
27 | a {
28 | text-decoration: none;
29 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
30 | }
31 |
32 | li {
33 | list-style: none;
34 | }
35 |
36 | button, input, textarea {
37 | outline: none;
38 | border: none;
39 | appearance: none;
40 | font-size: inherit;
41 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
42 | }
43 |
44 | div, ul, header, label {
45 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
46 | }
47 |
48 | body{
49 | width: 100%;
50 | height: 100%;
51 | vertical-align: baseline;
52 | word-wrap: break-word;
53 | background-repeat: no-repeat;
54 | background-size: cover;
55 | }
56 |
57 | ::-webkit-scrollbar-track-piece {
58 | -webkit-border-radius: 0;
59 | }
60 | ::-webkit-scrollbar {
61 | width: .5rem;
62 | height: 1rem;
63 | }
64 | ::-webkit-scrollbar-thumb {
65 | height: 5rem;
66 | background-color: #b8b8b8;
67 | -webkit-border-radius: .6rem;
68 | outline-offset: -.2rem;
69 | filter: alpha(opacity = 50);
70 | -moz-opacity: 0.5;
71 | opacity: 0.5;
72 | }
73 | ::-webkit-scrollbar-thumb:hover {
74 | height: 5rem;
75 | background-color: #878987;
76 | -webkit-border-radius: .6rem;
77 | }
78 |
79 | .hide{
80 | display: none!important;
81 | }
82 |
83 | :root {
84 | --engine-color-default: #ffffff;
85 | --engine-color-active: #11e8c6;
86 | }
87 |
88 |
89 | /*reset style end*/
90 |
91 |
92 | .container {
93 | width: 100%;
94 | height: 100vh;
95 |
96 | .copyright{
97 | display: flex;
98 | flex-direction: row;
99 | position: absolute;
100 | bottom: 2rem;
101 | z-index: 1;
102 | width: 100%;
103 | font-family: auto;
104 | font-size: 1.5rem;
105 | justify-content: center;
106 | a{
107 | padding: .5rem;
108 | color: #f7f7f7;
109 | }
110 | a:hover{
111 | font-weight: bold;
112 | }
113 | }
114 | }
115 |
116 | .content{
117 | width: 100%;
118 | height: 100%;
119 | display: flex;
120 | flex-direction: column;
121 | justify-content: center;
122 | align-items: center;
123 | opacity: 0.8;
124 | .search, .category{
125 | display: flex;
126 | flex-direction: column;
127 | justify-content: center;
128 | align-items: center;
129 | user-select: none;
130 | }
131 |
132 | .search{
133 | width: 60rem;
134 | }
135 |
136 | .category{
137 | width: 100rem;
138 | }
139 |
140 | @media screen and (max-width:60rem){
141 | .search{
142 | width: 70%!important;
143 | }
144 |
145 | .category{
146 | max-width: 90%;
147 | }
148 | }
149 |
150 | }
151 | .content .search{
152 | .form{
153 | width: 100%;
154 | display: flex;
155 | flex-direction: row;
156 | justify-content: center;
157 | align-items: center;
158 | position: relative;
159 | .input{
160 | color: #6c757d;
161 | padding: 1.5rem 5rem 1.5rem 2rem;
162 | font-size: 1.8rem;
163 | background-color: #fff;
164 | transition: .3s;
165 | display: block;
166 | width: 100%;
167 | font-weight: 400;
168 | background-clip: padding-box;
169 | border-radius: .7rem .7rem 0.5rem 0.5rem;
170 | }
171 |
172 | .submit{
173 | position: absolute;
174 | top: 0;
175 | right: 0;
176 | background: transparent;
177 | margin: 0 1rem;
178 | height: 100%;
179 | }
180 | .icon{
181 | width: 3rem;
182 | height: 3rem;
183 | }
184 | }
185 | .more{
186 | display: flex;
187 | flex-direction: row;
188 | justify-content: space-between;
189 | align-items: center;
190 | width: 100%;
191 | }
192 | .engine{
193 | display: flex;
194 | flex-direction: row;
195 | justify-content: left;
196 | align-items: baseline;
197 | flex-wrap: wrap;
198 | font-size: 1.8rem;
199 | font-family: inherit;
200 | color: var(--engine-color-default);
201 | font-weight: 500;
202 | .item{
203 | margin: 0 .5rem;
204 | }
205 | .active{
206 | border-bottom: .2rem solid var(--engine-color-active);
207 | }
208 | .active, .item:hover{
209 | color: var(--engine-color-active);
210 | font-weight: bold;
211 | font-size: 2rem;
212 | padding: 0.2rem 0;
213 | }
214 | }
215 | .setting{
216 | display: flex;
217 | flex-direction: row;
218 | padding: 0 1rem;
219 | align-items: baseline;
220 | justify-content: center;
221 | .icon{
222 | width: 3rem;
223 | height: 3rem;
224 | }
225 | .icon:first-child{
226 | margin-right: .5rem;
227 | }
228 | .item{
229 | position: relative;
230 | .action{
231 | padding-top: .4rem;
232 | }
233 | .action:hover{
234 | color: #dcdbdb;
235 | }
236 | .action:last-child{
237 | padding: .4rem;
238 | }
239 | .tip{
240 | position: absolute;
241 | z-index: 1;
242 | display: flex;
243 | width: max-content;
244 | background-color: #4083c9;
245 | top: 3.4rem;
246 | color: white;
247 | padding: .2rem;
248 | border-radius: .5rem;
249 | left: -1.2rem;
250 | align-items: center;
251 | align-content: center;
252 | flex-direction: column;
253 | text-align: center;
254 | font-size: 1.2rem;
255 | }
256 | .triangle{
257 | position: absolute;
258 | z-index: 1;
259 | margin: 0;
260 | border-width: .8rem;
261 | border-style: solid;
262 | border-color: transparent transparent #3d81ce transparent;
263 | padding: 0;
264 | width: 0;
265 | height: 0;
266 | top: -1.6rem;
267 | left: 1.8rem;
268 | }
269 | }
270 | }
271 | }
272 |
273 | .content .category{
274 | background: #fff;
275 | margin: 1rem 0;
276 | border-radius: .5rem;
277 | justify-content: left;
278 | position: relative;
279 | max-height: 60vh;
280 | .one{
281 | width: 100%;
282 | border-bottom: solid .1rem #e6e6e6;
283 | position: -webkit-sticky;
284 | position: sticky;
285 | display: flex;
286 | flex-direction: row;
287 | align-items: center;
288 | justify-content: space-between;
289 | max-height: 16vh;
290 | }
291 |
292 | .one .menu{
293 | display: flex;
294 | flex-direction: row;
295 | flex-wrap: wrap;
296 | justify-content: left;
297 | align-items: center;
298 | color: #909399;
299 | height: 100%;
300 | overflow: auto;
301 | overflow-y: scroll;
302 | padding: 1rem;
303 | .item{
304 | height: 4.5rem;
305 | white-space: nowrap;
306 | font-size: 1.8rem;
307 | font-weight: bolder;
308 | padding: 1rem 1.5rem;
309 | transition: border-color .3s,background-color .3s,color .3s;
310 | }
311 | .active, .item:hover{
312 | color: #303133;
313 | }
314 | .active{
315 | border-bottom: .2rem solid #409EFF;
316 | }
317 | }
318 |
319 | .two{
320 | width: 100%;
321 | padding: 1rem;
322 | display: flex;
323 | flex-direction: row;
324 | overflow: auto;
325 | overflow-y: scroll;
326 | }
327 |
328 | .two .left{
329 | display: flex;
330 | flex-direction: column;
331 | align-items: center;
332 | white-space: nowrap;
333 | font-size: 1.7rem;
334 | font-weight: bolder;
335 | justify-content: left;
336 | background-color: #f1f0f0;
337 | height: max-content;
338 | .item{
339 | color: #909399;
340 | width: 100%;
341 | padding: .5rem 2rem;
342 | }
343 |
344 | .active, .item:hover{
345 | color: #303133;
346 | background-color: #ffffff;
347 | }
348 | }
349 | .two .right{
350 | display: flex;
351 | flex-direction: row;
352 | height: max-content;
353 | flex-wrap: wrap;
354 | justify-content: flex-start;
355 | align-items: center;
356 | .item{
357 | padding: .5rem 1rem;
358 | }
359 | .link{
360 | display: flex;
361 | flex-wrap: wrap;
362 | flex-direction: row;
363 | justify-content: center;
364 | align-items: center;
365 | width: 100%;
366 | height: 100%;
367 | padding: .5rem;
368 | .name{
369 | padding-left: .2rem;
370 | font-size: 1.6rem;
371 | }
372 | .icon{
373 | width: 2rem;
374 | height: 2rem;
375 | }
376 | }
377 |
378 | .link:hover{
379 | color: red;
380 | }
381 | }
382 | }
--------------------------------------------------------------------------------
/src/index-cp.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
8 |
9 |
11 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 | __title__
29 |
30 |
31 |
32 |
33 |
34 |
35 |
36 |
42 |
43 |
44 |
45 |
46 |
47 | __engine__
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 |
58 |
切换模式
59 |
切换主题
60 |
设置背景
61 |
清理缓存
62 |
63 |
64 |
65 |
66 |
67 |
68 |
69 |
70 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 | __two_menu__
85 |
86 |
87 |
88 |
89 |
90 |
91 |
92 |
93 | __navs__
94 |
95 |
96 |
97 |
98 |
104 |
34 |
35 |
36 |
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 |
77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
137 |
138 |
139 |
140 |
146 |
95 | 
98 | 
101 | 
104 | 
107 | 
110 | 
113 | 
116 | 
119 | 
122 | 
125 | 
128 | 
131 | 
134 |