no message
1
dist/css/app.58e56f4c.css
vendored
Normal file
@ -0,0 +1 @@
|
||||
#app[data-v-02724ab4]{position:relative;display:flex;justify-content:center;align-items:center}.bookmark[data-v-02724ab4]{position:relative;margin-top:10vh;width:1200px;height:80vh;border:1px solid hsla(0,0%,100%,.18);box-shadow:0 8px 32px 0 rgba(31,38,135,.2);border-radius:6px;background:#fff}.bookmark .left-box[data-v-02724ab4]{width:200px;height:100%;border:1px solid hsla(0,0%,100%,.18);box-shadow:0 8px 32px 0 rgba(31,38,135,.2);position:relative;overflow-y:auto;padding:8px 0}.bookmark .left-box img[data-v-02724ab4]{width:20px;height:auto;margin-right:5px;cursor:pointer}.bookmark .left-box .active[data-v-02724ab4]{box-shadow:0 8px 32px 0 rgba(31,38,135,.2);background:#a0cae6}.bookmark .left-box .inactive[data-v-02724ab4]{box-shadow:none;background:#fff}.bookmark .left-box .label[data-v-02724ab4]{font-size:14px;display:flex;cursor:pointer;border:none;position:relative;padding:10px 15px}.bookmark .left-box .label[data-v-02724ab4]:hover{box-shadow:0 8px 32px 0 rgba(31,38,135,.2);background:#a0cae6}.bookmark .left-box .label .text-elipss[data-v-02724ab4]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmark .right-box[data-v-02724ab4]{width:calc(100% - 200px)}.bookmark .right-box .card-s[data-v-02724ab4]{width:100%;padding-top:10px;max-height:calc(80vh - 49px);display:flex;flex-wrap:wrap;overflow-x:hidden;overflow-y:auto}.bookmark .right-box .card-s .card-item[data-v-02724ab4]{cursor:pointer;width:calc(33% - 40px);display:flex;justify-content:flex-start;align-items:center;border:1px solid hsla(0,0%,100%,.18);box-shadow:0 8px 18px 0 rgba(31,38,135,.2);padding:10px;margin:7px 20px 7px 20px;position:relative;border-radius:8px;max-height:200px;height:72px!important}.bookmark .right-box .card-s .card-item[data-v-02724ab4]:hover{transform:scale(1.04);-webkit-animation-delay:.3ms;animation-delay:.3ms;-webkit-animation:.3ms;animation:.3ms;box-shadow:0 8px 18px 0 rgba(31,38,135,.3)}.tool-icon[data-v-02724ab4]{width:20px;height:20px;-o-object-fit:contain;object-fit:contain;display:inline-block;margin-right:12px;cursor:pointer}.tool-icon[data-v-02724ab4]:hover{fill:"#3eaf7c"}.tool-bar[data-v-02724ab4]{height:48px;border-bottom:1px solid #eee;width:100%;display:flex;justify-content:space-between;align-items:center;background:#faf8f8}.tool-bar .tool-logo[data-v-02724ab4]{margin:0 15px}.tool-bar .tool-logo a[data-v-02724ab4]{color:#e03b5d;display:flex;align-items:center}.tool-bar .search-box[data-v-02724ab4]{display:inline-block;position:relative;margin-right:1rem;white-space:nowrap}.tool-bar .search-box img[data-v-02724ab4]{position:absolute;top:0;bottom:0;z-index:0;left:.6rem;margin:auto;width:20px;height:auto}.tool-bar .search-box input[data-v-02724ab4]{text-align:initial;text-indent:0;text-shadow:none;text-transform:none;word-spacing:normal;letter-spacing:normal;cursor:text;width:14rem;height:2rem;color:#4e6e8e;display:inline-block;border:1px solid #eaecef;border-radius:.25rem;font-size:.9rem;line-height:2rem;padding:0 .5rem 0 2rem;outline:none;transition:all .2s ease;background:transparent;background-size:auto;background-size:1rem}.box-m[data-v-02724ab4]{display:flex;height:calc(100% - 50px)}.logo-img[data-v-02724ab4]{width:62px;height:100%;margin-right:14px}.logo-img img[data-v-02724ab4]{height:100%;width:100%;-o-object-fit:contain;object-fit:contain;display:block;max-width:70px;width:62px}.logo-box[data-v-02724ab4]{flex:1}.logo-box .title[data-v-02724ab4]{max-width:190px;padding-top:3px;font-size:16px;font-weight:700;color:#000}.logo-box .subtitle[data-v-02724ab4],.logo-box .title[data-v-02724ab4]{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.logo-box .subtitle[data-v-02724ab4]{position:relative;max-width:185px;margin-top:5px;font-size:13px;color:rgba(0,0,0,.7)}.list-complete-item[data-v-02724ab4]{transition:all .8s ease;display:inline-block;margin-right:10px}.list-complete-enter-from[data-v-02724ab4],.list-complete-leave-to[data-v-02724ab4]{opacity:0;transform:translateY(30px)}.list-complete-leave-active[data-v-02724ab4]{position:absolute}.card-item-nodata[data-v-02724ab4]{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.card-item-nodata span[data-v-02724ab4]{display:block;margin-top:20px;color:#999}.bg[data-v-02724ab4]{z-index:-999;position:fixed;height:100%;width:100%;background:url(../img/bg.18b122a7.jpg)}
|
BIN
dist/favicon.ico
vendored
Normal file
After Width: | Height: | Size: 274 B |
BIN
dist/img/bg.18b122a7.jpg
vendored
Normal file
After Width: | Height: | Size: 295 KiB |
1
dist/img/blog.f57ba53d.svg
vendored
Normal file
@ -0,0 +1 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1625141545685" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2501" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M615.98 656.9m-300.58 0a300.58 300.58 0 1 0 601.16 0 300.58 300.58 0 1 0-601.16 0Z" fill="#E03B5D" p-id="2502"></path><path d="M771.7 931H245.82c-76.58 0-138.9-60.44-138.9-134.72V479.36a133.16 133.16 0 0 1 46.14-100.28L416 150.28a142 142 0 0 1 185.52 0l262.94 228.8a133.16 133.16 0 0 1 46.14 100.28v316.92c0 74.28-62.32 134.72-138.9 134.72zM508.76 166.74a90 90 0 0 0-59.26 22L186.56 417.58A82.12 82.12 0 0 0 158 479.36v316.92C158 842.42 197.38 880 245.82 880h525.88c48.44 0 87.86-37.54 87.86-83.68V479.36a82.12 82.12 0 0 0-28.6-61.78L568 188.78a90.12 90.12 0 0 0-59.24-22.04z" fill="#231815" p-id="2503"></path><path d="M362.78 734.16m28.34 0l241.76 0q28.34 0 28.34 28.34l0 3.1q0 28.34-28.34 28.34l-241.76 0q-28.34 0-28.34-28.34l0-3.1q0-28.34 28.34-28.34Z" fill="#231815" p-id="2504"></path><path d="M632.88 794.92H391.12a29.38 29.38 0 0 1-29.34-29.34v-3.08a29.38 29.38 0 0 1 29.34-29.34h241.76a29.38 29.38 0 0 1 29.34 29.34v3.08a29.38 29.38 0 0 1-29.34 29.34z m-241.76-59.76a27.36 27.36 0 0 0-27.34 27.34v3.08a27.36 27.36 0 0 0 27.34 27.34h241.76a27.36 27.36 0 0 0 27.34-27.34v-3.08a27.36 27.36 0 0 0-27.34-27.34z" fill="#231815" p-id="2505"></path></svg>
|
After Width: | Height: | Size: 1.5 KiB |
1
dist/img/file.807fb7b5.svg
vendored
Normal file
@ -0,0 +1 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1624769226567" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1298" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M698.0096 632.064m-212.7872 0a212.7872 212.7872 0 1 0 425.5744 0 212.7872 212.7872 0 1 0-425.5744 0Z" fill="#FF8080" p-id="1299"></path><path d="M771.9936 870.4H255.3856c-82.6368 0-149.8624-67.2256-149.8624-149.8624V317.7472c0-82.6368 67.2256-149.9136 149.8624-149.9136h92.3136c29.2864 0 57.8048 10.3424 80.2816 29.184l88.5248 74.1888c4.1472 3.4816 9.472 5.4272 14.8992 5.4272h240.5376c82.6368 0 149.8624 67.2256 149.8624 149.9136v294.0416c0.0512 82.5856-67.1744 149.8112-149.8112 149.8112zM255.3856 219.0336c-54.4256 0-98.6624 44.288-98.6624 98.7136v402.7904c0 54.4256 44.288 98.6624 98.6624 98.6624h516.608c54.4256 0 98.6624-44.288 98.6624-98.6624V426.496c0-54.4256-44.288-98.7136-98.6624-98.7136H531.456c-17.4592 0-34.4064-6.1952-47.7696-17.3568L395.0592 236.288a73.94816 73.94816 0 0 0-47.36-17.2544H255.3856z" fill="#512C56" p-id="1300"></path><path d="M629.6064 550.7072h-90.368V460.3392c0-14.1312-11.4688-25.6-25.6-25.6s-25.6 11.4688-25.6 25.6v90.368H397.7216c-14.1312 0-25.6 11.4688-25.6 25.6s11.4688 25.6 25.6 25.6h90.368v90.368c0 14.1312 11.4688 25.6 25.6 25.6s25.6-11.4688 25.6-25.6v-90.368h90.368c14.1312 0 25.6-11.4688 25.6-25.6s-11.4688-25.6-25.6512-25.6z" fill="#512C56" p-id="1301"></path></svg>
|
After Width: | Height: | Size: 1.6 KiB |
1
dist/img/gitee.8160b75c.svg
vendored
Normal file
@ -0,0 +1 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1625888775605" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="522" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M512 1024C230.4 1024 0 793.6 0 512S230.4 0 512 0s512 230.4 512 512-230.4 512-512 512z m259.2-569.6H480c-12.8 0-25.6 12.8-25.6 25.6v64c0 12.8 12.8 25.6 25.6 25.6h176c12.8 0 25.6 12.8 25.6 25.6v12.8c0 41.6-35.2 76.8-76.8 76.8h-240c-12.8 0-25.6-12.8-25.6-25.6V416c0-41.6 35.2-76.8 76.8-76.8h355.2c12.8 0 25.6-12.8 25.6-25.6v-64c0-12.8-12.8-25.6-25.6-25.6H416c-105.6 0-188.8 86.4-188.8 188.8V768c0 12.8 12.8 25.6 25.6 25.6h374.4c92.8 0 169.6-76.8 169.6-169.6v-144c0-12.8-12.8-25.6-25.6-25.6z" fill="#d81e06" p-id="523"></path></svg>
|
After Width: | Height: | Size: 904 B |
1
dist/img/github.3f137925.svg
vendored
Normal file
@ -0,0 +1 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1624772214418" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4431" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M874.336 786.304c-56.96 78.016-130.496 131.84-220.64 161.856-10.304 1.824-18.368 0.448-22.848-4.032a22.4 22.4 0 0 1-7.2-17.504v-122.88c0-37.632-10.304-65.44-30.464-82.912a409.856 409.856 0 0 0 59.616-10.368 222.752 222.752 0 0 0 54.72-22.816c18.848-10.784 34.528-23.36 47.104-38.592 12.544-15.232 22.848-35.904 30.912-61.44 8.096-25.568 12.128-54.688 12.128-87.904 0-47.072-15.232-86.976-46.208-120.16 14.368-35.456 13.024-74.912-4.48-118.848-10.752-3.616-26.432-1.344-47.072 6.272a301.44 301.44 0 0 0-53.824 25.568l-21.984 13.888A407.776 407.776 0 0 0 512 291.2c-38.56 0-75.776 4.928-112.096 15.232a444.48 444.48 0 0 0-24.672-15.68c-10.336-6.272-26.464-13.888-48.896-22.432-21.952-8.96-39.008-11.232-50.24-8.064-17.024 43.936-18.368 83.424-4.032 118.848-30.496 33.632-46.176 73.536-46.176 120.608 0 33.216 4.032 62.336 12.128 87.456 8.032 25.12 18.368 45.76 30.496 61.44 12.544 15.68 28.224 28.704 47.072 39.04 18.848 10.304 37.216 17.92 54.72 22.816a409.6 409.6 0 0 0 59.648 10.368c-15.712 13.856-25.12 34.048-28.704 60.064a99.744 99.744 0 0 1-26.464 8.512 178.208 178.208 0 0 1-33.184 2.688c-13.024 0-25.568-4.032-38.144-12.544-12.544-8.512-23.296-20.64-32.256-36.32a97.472 97.472 0 0 0-28.256-30.496c-11.232-8.064-21.088-12.576-28.704-13.92l-11.648-1.792c-8.096 0-13.92 0.928-17.056 2.688-3.136 1.792-4.032 4.032-2.688 6.72 1.344 2.688 3.136 5.408 5.376 8.096 2.24 2.688 4.928 4.928 7.616 7.168l4.032 2.688c8.544 4.032 17.056 11.232 25.568 21.984 8.544 10.752 14.368 20.64 18.4 29.6l5.824 13.44c4.928 14.816 13.44 26.912 25.568 35.872 12.096 8.992 25.088 14.816 39.008 17.504 13.888 2.688 27.36 4.032 40.352 4.032 12.992 0 23.776-0.448 32.288-2.24l13.472-2.24c0 14.784 0 32.288 0.416 52.032 0 19.744 0.48 30.496 0.48 31.392a22.624 22.624 0 0 1-7.648 17.472c-4.928 4.48-12.992 5.824-23.296 4.032-90.144-30.048-163.68-83.84-220.64-161.888C92.256 708.256 64 620.352 64 523.04c0-81.152 20.192-156.064 60.096-224.672a445.184 445.184 0 0 1 163.232-163.232C355.936 95.232 430.816 75.04 512 75.04s156.064 20.192 224.672 60.096a445.184 445.184 0 0 1 163.232 163.232C939.808 366.528 960 441.888 960 523.04c0 97.76-28.704 185.216-85.664 263.264z" p-id="4432"></path></svg>
|
After Width: | Height: | Size: 2.5 KiB |
1
dist/img/logo.f38dc2e8.svg
vendored
Normal file
@ -0,0 +1 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1624778788435" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10366" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M604.22 630.62m-300.58 0a300.58 300.58 0 1 0 601.16 0 300.58 300.58 0 1 0-601.16 0Z" fill="#E03B5D" p-id="10367"></path><path d="M323.1 430.26a48.72 48.72 0 0 1-48.7-48.68V119.04a26 26 0 0 1 52 0v254.82l53.28-50.4a48.74 48.74 0 0 1 68.8 1.88l1.06 1.2L486 370.1V119.04a26 26 0 1 1 52 0v260.28a48.68 48.68 0 0 1-84 33.46l-1.06-1.18-40.1-48-56.28 53.24a48.58 48.58 0 0 1-33.46 13.42z" fill="#231815" p-id="10368"></path><path d="M788.64 962H265.28a140.84 140.84 0 0 1-140.68-140.74V232.44a140.84 140.84 0 0 1 140.68-140.7h523.36a140.86 140.86 0 0 1 140.7 140.7v588.82A140.86 140.86 0 0 1 788.64 962zM265.28 146.36a86.16 86.16 0 0 0-86 86v588.9a86.16 86.16 0 0 0 86 86h523.36a86.18 86.18 0 0 0 86-86V232.44a86.18 86.18 0 0 0-86-86z" fill="#231815" p-id="10369"></path></svg>
|
After Width: | Height: | Size: 1.1 KiB |
1
dist/img/search.c77e1385.svg
vendored
Normal file
@ -0,0 +1 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1624771399713" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2852" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M446.112 177.545c137.568 0.22 252.613 104.598 266.163 241.493 13.563 136.896-78.778 261.819-213.618 289.009-134.853 27.203-268.386-52.157-308.945-183.609s25.018-272.252 151.738-325.78a267.236 267.236 0 0 1 104.662-21.113m0-62.06c-182.794 0-330.99 148.195-330.99 330.99s148.196 330.99 330.99 330.99 330.99-148.196 330.99-330.99-148.195-330.99-330.99-330.99z m431.322 793.34a30.85 30.85 0 0 1-21.941-9.101l-157.22-157.22c-11.753-12.18-11.585-31.535 0.374-43.508 11.973-11.972 31.328-12.14 43.494-0.375l157.22 157.22a31.037 31.037 0 0 1 6.724 33.81 31.004 31.004 0 0 1-28.651 19.175z m0 0" p-id="2853"></path></svg>
|
After Width: | Height: | Size: 989 B |
1
dist/img/translate.fa0bf271.svg
vendored
Normal file
@ -0,0 +1 @@
|
||||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1625141560343" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2813" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M424.42 531.9m-303.48 0a303.48 303.48 0 1 0 606.96 0 303.48 303.48 0 1 0-606.96 0Z" fill="#E03B5D" p-id="2814"></path><path d="M468.1 886c-225.52 0-408.98-183.5-408.98-409.02S242.58 68 468.1 68s408.98 183.46 408.98 408.98S693.62 886 468.1 886z m0-766c-196.84 0-356.98 160.14-356.98 356.98S271.26 834 468.1 834s356.98-160.14 356.98-356.98S664.94 120 468.1 120z" fill="#231815" p-id="2815"></path><path d="M217.36 636.7A26 26 0 0 1 194 622.14a311.58 311.58 0 0 1 142.44-416.98 26 26 0 1 1 22.9 46.68c-128.48 63.06-181.72 218.9-118.66 347.4a26 26 0 0 1-23.32 37.46z" fill="#231815" p-id="2816"></path><path d="M703.718732 766.595201m20.039406-20.039406l0.014142-0.014142q20.039406-20.039406 40.078812 0l150.104628 150.104627q20.039406 20.039406 0 40.078813l-0.014142 0.014142q-20.039406 20.039406-40.078813 0l-150.104627-150.104628q-20.039406-20.039406 0-40.078812Z" fill="#231815" p-id="2817"></path><path d="M894 946a29.22 29.22 0 0 1-20.74-8.58l-150.1-150.1a29.34 29.34 0 0 1 41.5-41.5l150 150.18a29.38 29.38 0 0 1 0 41.5A29.26 29.26 0 0 1 894 946z m-150.2-206.72a27.36 27.36 0 0 0-19.32 46.72l150 150a27.34 27.34 0 1 0 38.68-38.66l-150.1-150.1a27.14 27.14 0 0 0-19.26-7.96z" fill="#231815" p-id="2818"></path></svg>
|
After Width: | Height: | Size: 1.6 KiB |
21
dist/index.html
vendored
Normal file
@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html><html lang="en" style="height: 100%;"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="favicon.ico"><link href="./static/css/bootstrap.css" rel="stylesheet"><link href="./static/css/style.css" rel="stylesheet"><link href="./static/css/index.css" rel="stylesheet"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0"><meta name="keywords" content="红隼书签, docschina, JavaScript, webpack, Node.js, Vue, React, Babel, Parcel, Rollup, RxJS, ECMAScript, Koa, Preact, PostCSS, 开源翻译, 开源技术文档, 中文文档, Web 前端中文文档, webpack 中文文档, doc.webpack-china.org, Node.js 中文文档, nodejs.cn, Vue.js 中文文档, vuefe.cn, React 中文文档, doc.react-china.org, Babel 中文文档, babeljs.cn, Parcel 中文文档, parceljs.io, Rollup 中文文档, rollupjs.cn, RxJS 中文文档, ECMAScript 中文文档, Koa 中文文档, koajs.cn, Preact 中文文档, Polymer, TypeScript, Element UI, iView UI, Vuetify, San, Lavas, Mint UI, Ant Design, ThinkJS, egg, Express, ESLint, 前端周刊, JavaScript Weekly, Node Weekly, Vue News, CSS Weekly, react status, Frontend Focus, Mobile Dev Weekly, Bitcoin Weekly, Golang Weekly"><meta name="description" content="红隼书签,深入挖掘国外前端新领域,为中国 Web 前端开发人员提供优质文档!!"><meta name="author" content="leehey, lizhihua, liqichang"><title>红隼书签-为中国 Web 前端开发人员提供优质网站导航</title><link href="css/app.58e56f4c.css" rel="preload" as="style"><link href="js/app.78ccd3f1.js" rel="preload" as="script"><link href="js/chunk-vendors.ea6bfa4a.js" rel="preload" as="script"><link href="css/app.58e56f4c.css" rel="stylesheet"></head><body style="height:100%;margin: 0;"><noscript><strong>We're sorry but luotian-dev doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app" style="height: 100%;"></div><canvas id="canvas-complex" style="width:100vw;height:100vh;position: absolute;z-index:-99;top:0;opacity: 0.35;"></canvas><div class="demo-2"><div class="content"><div id="large-header" class="large-header"><canvas id="demo-canvas"></canvas></div></div></div><script src="./static/js/granim.min.js"></script><script src="./static/js/bg.js"></script><script>// 也可以切换成其他背景
|
||||
var granimInstance = new Granim({
|
||||
element: '#canvas-complex',
|
||||
direction: 'left-right',
|
||||
isPausedWhenNotInView: true,
|
||||
states: {
|
||||
"default-state": {
|
||||
gradients: [
|
||||
[
|
||||
{ color: '#833ab4', pos: .2 },
|
||||
{ color: '#fd1d1d', pos: .8 },
|
||||
{ color: '#38ef7d', pos: 1 }
|
||||
], [
|
||||
{ color: '#40e0d0', pos: 0 },
|
||||
{ color: '#ff8c00', pos: .2 },
|
||||
{ color: '#ff0080', pos: .75 }
|
||||
],
|
||||
]
|
||||
}
|
||||
}
|
||||
});</script><script src="js/chunk-vendors.ea6bfa4a.js"></script><script src="js/app.78ccd3f1.js"></script></body></html>
|
2
dist/js/app.78ccd3f1.js
vendored
Normal file
1
dist/js/app.78ccd3f1.js.map
vendored
Normal file
20
dist/js/chunk-vendors.ea6bfa4a.js
vendored
Normal file
1
dist/js/chunk-vendors.ea6bfa4a.js.map
vendored
Normal file
7
dist/static/css/bootstrap.css
vendored
Normal file
126
dist/static/css/index.css
vendored
Normal file
@ -0,0 +1,126 @@
|
||||
*{
|
||||
margin:0px;
|
||||
padding:0px;
|
||||
border:none;
|
||||
outline:none;
|
||||
font-size: 100%;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
body {
|
||||
|
||||
font-size:16px;
|
||||
color:#585f5f;
|
||||
line-height:1.5em;
|
||||
font-weight:400;
|
||||
background:#ffffff;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-font-smoothing: antialiased;
|
||||
font-family: 'Inter', sans-serif;
|
||||
}
|
||||
|
||||
a{
|
||||
text-decoration:none;
|
||||
cursor:pointer;
|
||||
color: #24a77e;
|
||||
}
|
||||
|
||||
.theme_color{
|
||||
color:#24a77e;
|
||||
}
|
||||
|
||||
a:hover,
|
||||
a:focus,
|
||||
a:visited,
|
||||
a:active,
|
||||
button:active{
|
||||
text-decoration:none;
|
||||
outline:none;
|
||||
}
|
||||
|
||||
h1,h2,h3,h4,h5,h6 {
|
||||
position:relative;
|
||||
font-weight:normal;
|
||||
margin:0px 0px 15px;
|
||||
background:none;
|
||||
line-height:1.25em;
|
||||
font-family: 'Libre Baskerville', serif;
|
||||
}
|
||||
|
||||
h1{
|
||||
font-size: 60px;
|
||||
}
|
||||
|
||||
h2{
|
||||
font-size: 48px;
|
||||
}
|
||||
|
||||
h3{
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
h4{
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
h5{
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
h6{
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
input,select,button{
|
||||
font-family: 'Inter', sans-serif;
|
||||
}
|
||||
|
||||
textarea{
|
||||
overflow:hidden;
|
||||
resize: none;
|
||||
}
|
||||
|
||||
button{
|
||||
outline: none !important;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
p{
|
||||
font-size: 15px;
|
||||
line-height: 1.7em;
|
||||
font-weight: 400;
|
||||
margin: 0 0 15px;
|
||||
}
|
||||
|
||||
.text{
|
||||
font-size: 15px;
|
||||
line-height: 1.7em;
|
||||
font-weight: 400;
|
||||
margin: 0 0;
|
||||
}
|
||||
|
||||
.clearfix::after{display:block;clear:both;content:""}
|
||||
|
||||
::-webkit-input-placeholder{color: inherit;}
|
||||
::-moz-input-placeholder{color: inherit;}
|
||||
::-ms-input-placeholder{color: inherit;}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width:5px;
|
||||
height:5px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track-piece {
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color:#dddddd;
|
||||
background-clip:padding-box;
|
||||
min-height:28px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background-color:#bbb;
|
||||
}
|
15935
dist/static/css/style.css
vendored
Normal file
84
dist/static/js/bg.js
vendored
Normal file
@ -0,0 +1,84 @@
|
||||
(function () {
|
||||
var width; var height; var largeHeader; var canvas; var ctx; var circles; var target; var animateHeader = true
|
||||
// Main
|
||||
initHeader()
|
||||
addListeners()
|
||||
function initHeader() {
|
||||
width = window.innerWidth
|
||||
height = window.innerHeight
|
||||
target = { x: 0, y: height }
|
||||
largeHeader = document.getElementById('large-header')
|
||||
largeHeader.style.height = height + 'px'
|
||||
canvas = document.getElementById('demo-canvas')
|
||||
canvas.width = width
|
||||
canvas.height = height
|
||||
ctx = canvas.getContext('2d')
|
||||
|
||||
// create particles
|
||||
circles = []
|
||||
for (var x = 0; x < width * 0.5; x++) {
|
||||
var c = new Circle()
|
||||
circles.push(c)
|
||||
}
|
||||
animate()
|
||||
}
|
||||
// Event handling
|
||||
function addListeners() {
|
||||
window.addEventListener('scroll', scrollCheck)
|
||||
window.addEventListener('resize', resize)
|
||||
}
|
||||
|
||||
function scrollCheck() {
|
||||
if (document.body.scrollTop > height) animateHeader = false
|
||||
else animateHeader = true
|
||||
}
|
||||
|
||||
function resize() {
|
||||
width = window.innerWidth
|
||||
height = window.innerHeight
|
||||
largeHeader.style.height = height + 'px'
|
||||
canvas.width = width
|
||||
canvas.height = height
|
||||
}
|
||||
|
||||
function animate() {
|
||||
if (animateHeader) {
|
||||
ctx.clearRect(0, 0, width, height)
|
||||
for (var i in circles) {
|
||||
circles[i].draw()
|
||||
}
|
||||
}
|
||||
requestAnimationFrame(animate)
|
||||
}
|
||||
|
||||
// Canvas manipulation
|
||||
function Circle() {
|
||||
var _this = this;
|
||||
|
||||
// constructor
|
||||
(function () {
|
||||
_this.pos = {}
|
||||
init()
|
||||
})()
|
||||
|
||||
function init() {
|
||||
_this.pos.x = Math.random() * width
|
||||
_this.pos.y = height + Math.random() * 100
|
||||
_this.alpha = 0.1 + Math.random() * 0.3
|
||||
_this.scale = 0.1 + Math.random() * 0.3
|
||||
_this.velocity = Math.random()
|
||||
}
|
||||
|
||||
this.draw = function () {
|
||||
if (_this.alpha <= 0) {
|
||||
init()
|
||||
}
|
||||
_this.pos.y -= _this.velocity
|
||||
_this.alpha -= 0.0005
|
||||
ctx.beginPath()
|
||||
ctx.arc(_this.pos.x, _this.pos.y, _this.scale * 20, 0, 2.5 * Math.PI, false)
|
||||
ctx.fillStyle = 'rgba(255,255,255,' + _this.alpha + ')'
|
||||
ctx.fill()
|
||||
}
|
||||
}
|
||||
})()
|