75 lines
13 KiB
HTML
75 lines
13 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Living Together</title>
|
|
<style>
|
|
html, body{
|
|
margin: 0;
|
|
background-color: #0f0f0f;
|
|
user-select: none;
|
|
-webkit-app-region: drag;
|
|
}
|
|
div.bg-svg {
|
|
z-index: 1;
|
|
position: fixed;
|
|
display: flex;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
div.content {
|
|
z-index: 10;
|
|
position: fixed;
|
|
display: flex;
|
|
align-items: flex-end;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
div.content div.info {
|
|
color: #f2f2f2;
|
|
padding-left: 15px;
|
|
padding-bottom: 12px;
|
|
opacity: .8;
|
|
}
|
|
|
|
div.content div.info > div {
|
|
padding: 2px 0;
|
|
font-size: .8em;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="content">
|
|
<div class="info">
|
|
<div id="loading"></div>
|
|
<div id="copyright"></div>
|
|
</div>
|
|
</div>
|
|
<div class="bg-svg">
|
|
<svg id="图层_1" data-name="图层 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1510 1080"><defs><style>.cls-1,.cls-4,.cls-5,.cls-6,.cls-7{fill:none;}.cls-2{fill:#0f0f0f;}.cls-3{clip-path:url(#clip-path);}.cls-4{stroke:#666;}.cls-4,.cls-5,.cls-6,.cls-7{stroke-miterlimit:10;}.cls-5{stroke:gray;}.cls-6{stroke:#ccc;}.cls-7{stroke:#fff;stroke-width:1.5px;}.cls-8{font-size:60.11px;}.cls-8,.cls-9{fill:#f2f2f2;font-family:SimHei;}.cls-9{font-size:45.08px;}</style><clipPath id="clip-path"><rect class="cls-1" x="1" width="1509" height="1080"/></clipPath></defs><rect class="cls-2" x="2" y="-0.5" width="1508" height="1080"/><g class="cls-3"><path class="cls-4" d="M1758.5-80.5c-160-13-297,264-533,236-93.39-11.08-182-117-314-107-116.73,8.84-256.14,93.68-360,88-201-11-267-136-267-136"/><path class="cls-4" d="M1760.64-66.12c-155-9.76-294.11,256.86-522.66,226.72-92.91-12.26-180.15-118.24-310.81-109-116.74,8.1-251.32,91-357.34,85.47C368.82,126.47,299.07.5,299.07.5"/><path class="cls-4" d="M1762.79-51.74c-150.1-6.52-291.24,249.6-512.34,217.43-92.44-13.45-178.28-119.48-307.62-111C826.09,62.05,696.33,143,588.17,137.64,387.14,127.43,313.64.5,313.64.5"/><path class="cls-4" d="M1764.93-37.36c-145.14-3.28-288.37,242.22-502,208.15-92-14.68-176.43-120.72-304.43-113-116.75,6.61-241.69,85.58-352,80.42C405.46,128.4,328.21.5,328.21.5"/><path class="cls-4" d="M1767.07-23c-140.19,0-285.5,234.72-491.67,198.86-91.53-15.92-174.55-121.66-301.23-115C857.42,67,737.29,143.77,624.83,138.79,423.78,129.37,342.79.5,342.79.5"/><path class="cls-4" d="M1769.21-8.6C1634-5.4,1486.58,218.49,1287.88,181c-91.1-17.2-172.7-122.85-298.05-117-116.75,5.45-232.05,80.18-346.66,75.38C442.1,130.33,357.36.5,357.36.5"/><path class="cls-4" d="M1771.36,5.79c-130.29,6.42-279.78,219.32-471,180.28-90.67-18.51-170.84-124-294.86-119-116.76,4.75-227.24,77.49-344,72.86C460.42,131.3,371.93.5,371.93.5"/><path class="cls-4" d="M1773.5,20.17c-125.33,9.66-276.9,211.43-460.67,171-90.24-19.86-169-125.25-291.66-121C904.4,74.21,798.74,145,679.83,140.5,478.74,132.27,386.5.5,386.5.5"/><path class="cls-4" d="M1775.64,34.55c-120.38,12.9-274,203.42-450.33,161.71-89.83-21.25-167.13-126.46-288.48-123-116.77,3.33-217.6,72.09-338.66,67.81C497.06,133.23,401.07.5,401.07.5"/><path class="cls-4" d="M1777.79,48.93c-115.43,16.14-271.13,195.27-440,152.43-89.41-22.68-165.28-127.69-285.29-125-116.78,2.61-212.79,69.39-336,65.28C515.38,134.2,415.64.5,415.64.5"/><path class="cls-4" d="M1779.93,63.31c-110.48,19.38-268.22,187-429.67,143.14-89-24.16-163.42-128.91-282.09-127-116.8,1.88-208,66.69-333.34,62.76C533.7,135.17,430.21.5,430.21.5"/><path class="cls-4" d="M1782.07,77.69c-105.52,22.62-265.28,178.58-419.33,133.86-88.55-25.71-161.57-130.15-278.91-129-116.8,1.14-203.16,64-330.66,60.24C552,136.13,444.79.5,444.79.5"/><path class="cls-4" d="M1784.21,92.07c-100.57,25.86-262.31,170-409,124.57-88.1-27.31-159.71-132.31-275.71-131-116.81,1.33-198.34,61.3-328,57.72C570.34,137.1,459.36.5,459.36.5"/><path class="cls-4" d="M1786.36,106.45c-95.62,29.1-259.32,161.38-398.67,115.29-87.64-29-157.86-133.54-272.52-133-116.83.55-193.53,58.59-325.34,55.19C588.66,138.07,473.93.5,473.93.5"/><path class="cls-4" d="M1788.5,120.83c-90.67,32.34-256.27,152.59-388.33,106-87.15-30.74-156-133.91-269.34-135C1014,90.72,942.12,147.73,808.17,144.5,607,139,488.5.5,488.5.5"/><path class="cls-4" d="M1790.64,135.21c-85.71,35.58-253.18,143.68-378,96.72-86.61-32.59-154.15-135.19-266.14-137-116.84-1.89-183.9,53.19-320,50.14C625.3,140,503.07.5,503.07.5"/><path class="cls-4" d="M1792.79,149.6c-80.77,38.8-250,134.64-367.67,87.42-86-34.53-152.29-136.47-262.95-139-116.85-2.67-179.08,50.5-317.34,47.62C643.62,141,517.64.5,517.64.5"/><path class="cls-4" d="M1794.93,164c-75.81,42-246.81,125.5-357.33,78.14-85.41-36.6-150.44-137.76-259.77-141-116.85-3.47-174.26,47.8-314.66,45.09C661.94,141.93,532.21.5,532.21.5"/><path class="cls-4" d="M1797.07,178.36c-70.86,45.28-243.51,116.26-347,68.85-84.68-38.79-148.58-139-256.57-143-116.86-4.26-169.45,45.1-312,42.58C680.26,142.9,546.79.5,546.79.5"/><path class="cls-4" d="M1799.21,192.74c-65.9,48.52-240.12,106.92-336.66,59.57-83.87-41.13-146.72-140.52-253.38-145-116.86-5.26-164.64,42.4-309.34,40.05C698.58,143.87,561.36.5,561.36.5"/><path class="cls-4" d="M1801.36,207.12c-61,51.76-236.63,97.49-326.34,50.28-82.93-43.64-144.85-141.76-250.19-147-116.86-6-159.81,39.7-306.66,37.53C716.9,144.83,575.93.5,575.93.5"/><path class="cls-4" d="M1803.5,221.5c-56,55-233,88-316,41-81.84-46.34-143-143-247-149-116.87-6.74-155,37-304,35-201.28-2.7-346-148-346-148"/><path class="cls-5" d="M-288.5,783.5s55.35-106.57,307-90c243,16,538,243,925,265s782-295,863.47-274"/><path class="cls-5" d="M-295.83,793.36s61.16-101.1,315.33-88.91C262,716.09,557.31,925.31,944.31,947.31S1726.16,669,1807.69,690"/><path class="cls-5" d="M-303.17,803.21s67-95.58,323.67-87.81c242,7.33,537.62,198.72,924.62,220.72s781.75-261.68,863.28-240.68"/><path class="cls-5" d="M-310.5,813.07s72.74-90,332-86.71c241.44,3.08,537.43,176.57,924.43,198.57s781.66-245,863.19-224"/><path class="cls-5" d="M-317.83,822.93S-239.32,735,22.5,737.31c240.89,2.11,537.24,154.43,924.24,176.43S1728.3,685.39,1809.83,706.4"/><path class="cls-5" d="M-325.17,832.79s84.26-78.74,348.67-84.53C263.84,743,560.55,880.55,947.55,902.55s781.47-211.68,863-190.68"/><path class="cls-5" d="M-332.5,842.64s90-73,357-83.43c239.77-9.34,536.86,110.15,923.86,132.15s781.37-195,862.9-174"/><path class="cls-5" d="M-339.83,852.5s95.74-67.25,365.33-82.33c239.2-13.39,536.67,88,923.67,110S1730.45,701.82,1812,722.83"/><path class="cls-5" d="M-347.17,862.36s101.48-61.43,373.67-81.24C265.13,763.75,563,847,950,869s781.18-161.69,862.71-140.68"/><path class="cls-5" d="M-354.5,872.21s107.22-55.54,382-80.14c238.06-21.31,536.29,43.72,923.29,65.72s781.08-145,862.61-124"/><path class="cls-5" d="M-361.83,882.07s113-49.62,390.33-79.05C266,777.82,564.6,824.6,951.6,846.6s781-128.35,862.52-107.35"/><path class="cls-5" d="M-369.17,891.93S-250.46,848.3,29.5,814c236.93-29.05,535.9-.58,922.9,21.42s780.9-111.68,862.43-90.67"/><path class="cls-5" d="M-376.5,901.79s124.46-37.6,407-76.86c236.38-32.85,535.71-22.72,922.71-.72s780.81-95,862.33-74"/><path class="cls-5" d="M-383.83,911.64s130.23-31.5,415.33-75.76C267.33,799.27,567,791,954,813s780.71-78.34,862.24-57.34"/><path class="cls-5" d="M-391.17,921.5s136-25.37,423.67-74.67c235.3-40.32,535.33-67,922.33-45s780.62-61.68,862.14-40.67"/><path class="cls-5" d="M-398.5,931.36s141.8-19.18,432-73.57c234.77-44,535.14-89.15,922.14-67.15s780.52-45,862.05-24"/><path class="cls-5" d="M-405.83,941.21s147.61-12.93,440.33-72.47c234.26-47.65,535-111.29,922-89.29s780.42-28.35,862-7.34"/><path class="cls-5" d="M-413.17,951.07s153.45-6.64,448.67-71.38c233.77-51.26,534.76-133.43,921.76-111.43s780.33-11.68,861.86,9.33"/><path class="cls-5" d="M-420.5,960.93s159.3-.3,457-70.29C269.79,835.8,571.07,735.07,958.07,757.07s780.23,5,861.76,26"/><path class="cls-5" d="M-427.83,970.79s165.17,6.08,465.33-69.19c232.82-58.4,534.38-177.72,921.38-155.72s780.14,21.65,861.66,42.66"/><path class="cls-5" d="M-435.17,980.64s171.21,13,473.67-68.09C271,851,572.69,712.69,959.69,734.69s780,38.32,861.57,59.33"/><path class="cls-5" d="M-442.5,990.5s177,19,482-67c232-65.4,534-222,921-200s780,55,861.47,76"/><path class="cls-6" d="M-204.5,519.5s71.68-33.67,200,77c109,94,178.49,395.78,592,267,350-109,452,70,760,157,273.23,77.18,368,60,368,60"/><path class="cls-6" d="M-204.5,526.6S-126,486.86,4.88,596.5c111,93,178.83,394.93,582.91,274,346.92-103.86,452.13,47.86,762.57,130.62,270.08,72,365.14,60.67,365.14,60.67"/><path class="cls-6" d="M-204.5,533.69s85.23-45.8,218.76,62.81c112.91,92,179.22,394.15,573.81,280.9,343.88-98.68,452.22,25.79,765.14,104.24,266.88,66.91,362.29,61.34,362.29,61.34"/><path class="cls-6" d="M-204.5,540.79s92-51.87,228.14,55.71C138.5,687.5,203.29,990,588.36,884.36c340.86-93.47,452.26,3.77,767.71,77.85,263.63,61.91,359.43,62,359.43,62"/><path class="cls-6" d="M-204.5,547.88S-105.72,490,33,596.5c116.81,90,180.13,392.83,555.62,294.81,337.9-88.21,452.26-18.16,770.29,51.48,260.34,57,356.57,62.66,356.57,62.66"/><path class="cls-6" d="M-204.5,555S-98.95,491,42.4,596.5c118.77,89,180.66,392.31,546.53,301.76,335-82.89,452.2-40,772.86,25.1,257,52.18,353.71,63.33,353.71,63.33"/><path class="cls-6" d="M-204.5,562.07S-92.17,492,51.79,596.5C172.5,684.5,233,988.37,589.21,905.21c332.06-77.52,452.11-61.77,775.43-1.28,253.66,47.46,350.86,64,350.86,64"/><path class="cls-6" d="M-204.5,569.17S-85.4,493,61.17,596.5C183.83,683.5,243,988,589.5,912.17c329.19-72.09,452-83.46,778-27.67,250.26,42.82,348,64.67,348,64.67"/><path class="cls-6" d="M-204.5,576.26s125.88-82.2,275.05,20.24C195.17,682.5,253,987.81,589.79,919.12c326.36-66.57,451.82-105,780.57-54,246.84,38.28,345.14,65.33,345.14,65.33"/><path class="cls-6" d="M-204.5,583.36S-71.85,495.08,79.93,596.5c126.57,85,183.16,391.19,510.14,329.57,323.57-61,451.64-126.5,783.14-80.43,243.41,33.83,342.29,66,342.29,66"/><path class="cls-6" d="M-204.5,590.45s139.43-94.34,293.81,6C217.83,680.5,273.2,987.68,590.36,933c320.81-55.28,451.42-147.86,785.71-106.81,240,29.47,339.43,66.67,339.43,66.67"/><path class="cls-6" d="M-204.5,597.55s146.2-100.41,303.19-1c130.48,83,184.64,391.29,492,343.48,318.09-49.49,451.2-169.11,788.29-133.19C1615.4,832,1715.5,874.12,1715.5,874.12"/><path class="cls-6" d="M-204.5,604.64s153-106.47,312.57-8.14C240.5,678.5,293.5,988,590.93,946.93c315.38-43.58,451-190.22,790.86-159.57,233,21,333.71,68,333.71,68"/><path class="cls-6" d="M-204.5,611.74s159.75-112.54,322-15.24c134.38,81,186.23,391.89,473.76,357.38,312.7-37.53,450.71-211.21,793.43-186,229.51,16.91,330.86,68.67,330.86,68.67"/><path class="cls-6" d="M-204.5,618.83S-38,500.22,126.83,596.5c136.34,80,187.05,392.4,464.67,364.33,310-31.34,450.45-232.05,796-212.33,226,12.9,328,69.33,328,69.33"/><path class="cls-6" d="M-204.5,625.93S-31.2,501.25,136.21,596.5c138.29,79,187.88,393,455.58,371.29C899.17,942.8,1042,715,1390.36,729.07c222.53,9,325.14,70,325.14,70"/><path class="cls-6" d="M-204.5,633S-24.42,502.28,145.6,596.5c140.23,78,188.7,393.83,446.47,378.24,304.74-18.44,450-273.3,801.14-265.1,219.07,5.12,322.29,70.67,322.29,70.67"/><path class="cls-6" d="M-204.5,640.12S-17.65,503.31,155,596.5c142.19,77,189.52,394.77,437.38,385.19C894.43,970,1042.1,688,1396.07,690.21c215.61,1.35,319.43,71.34,319.43,71.34"/><path class="cls-6" d="M-204.5,647.21S-10.87,504.33,164.36,596.5c144.14,76,190.32,395.87,428.28,392.14C892,984,1042.2,674.73,1398.93,670.79c212.16-2.35,316.57,72,316.57,72"/><path class="cls-6" d="M-204.5,654.31S-4.1,505.36,173.74,596.5c146.09,75,191.07,397.12,419.19,399.1,296.67,2.56,449.39-334,808.86-344.24,208.74-6,313.71,72.66,313.71,72.66"/><path class="cls-6" d="M-204.5,661.4s207.18-155,387.62-64.9c148.05,74,191.77,398.53,410.09,406,293.88,10.12,449.28-353.84,811.43-370.62,205.36-9.52,310.86,73.33,310.86,73.33"/><path class="cls-6" d="M-204.5,668.5s214-161.08,397-72c150,73,192.39,400.1,401,413,291,18,449.22-373.52,814-397,202-13,308,74,308,74"/></g><line class="cls-7" x1="712.21" y1="346.98" x2="799.86" y2="434.63"/><line class="cls-7" x1="712.21" y1="434.63" x2="799.86" y2="346.98"/><text class="cls-8" transform="translate(632.96 320.03)">群</text><text class="cls-8" transform="translate(817.04 320.03)">生</text><text class="cls-8" transform="translate(632.96 506.62)">共</text><text class="cls-8" transform="translate(817.04 502.86)">进</text><text class="cls-9" transform="translate(586.8 605.15)">Living Together</text></svg>
|
|
</div>
|
|
<script>
|
|
let laodingDom = document.getElementById("loading");
|
|
let loading = "Initialization";
|
|
let loadingProcess = 0;
|
|
const loadingProcessString = ["◔", "◑", "◕", "◒", "◐", "◓"];
|
|
document.getElementById("copyright").innerText = `Copyright © MrKBear 2021-${new Date().getFullYear()}`;
|
|
function tick() {
|
|
if (loadingProcess > 3) loading = "Loading Setting";
|
|
if (loadingProcess > 4) loading = "Loading Components";
|
|
if (loadingProcess > 6) loading = "Preparation workspace";
|
|
const currentChar = loadingProcessString[loadingProcess % 6];
|
|
laodingDom.innerText = `${loading} ${currentChar}`;
|
|
loadingProcess ++;
|
|
}
|
|
setInterval(tick, 250);
|
|
tick();
|
|
</script>
|
|
</body>
|
|
</html> |