diff options
| author | 2023-11-07 01:55:31 +0800 | |
|---|---|---|
| committer | 2023-11-07 01:55:31 +0800 | |
| commit | 6198398808220bd60595ecf64e342664f350a353 (patch) | |
| tree | 4a452ac18bacf9d09e6f5dd905e0c64316d5ef88 | |
| parent | 0fff2247b0ede4e2290bb058853a406259539573 (diff) | |
| download | HydroRoll-6198398808220bd60595ecf64e342664f350a353.tar.gz HydroRoll-6198398808220bd60595ecf64e342664f350a353.zip | |
refactor(components): add `Date` type checking
| -rw-r--r-- | site/public/bg.mp4 | bin | 1668195 -> 0 bytes | |||
| -rw-r--r-- | site/public/categories/index.xml | 10 | ||||
| -rw-r--r-- | site/public/css/styles.css | 101 | ||||
| -rw-r--r-- | site/public/favicon.ico | bin | 15406 -> 0 bytes | |||
| -rw-r--r-- | site/public/index.html | 67 | ||||
| -rw-r--r-- | site/public/index.xml | 10 | ||||
| -rw-r--r-- | site/public/js/script.js | 31 | ||||
| -rw-r--r-- | site/public/sitemap.xml | 11 | ||||
| -rw-r--r-- | site/public/svg/icons/email.svg | 1 | ||||
| -rw-r--r-- | site/public/svg/icons/facebook.svg | 1 | ||||
| -rw-r--r-- | site/public/svg/icons/github.svg | 1 | ||||
| -rw-r--r-- | site/public/svg/icons/instagram.svg | 1 | ||||
| -rw-r--r-- | site/public/svg/icons/tiktok.svg | 1 | ||||
| -rw-r--r-- | site/public/svg/icons/twitter.svg | 1 | ||||
| -rw-r--r-- | site/public/tags/index.xml | 10 | ||||
| -rw-r--r-- | site/src/App.vue | 2 | ||||
| -rw-r--r-- | site/src/components/Left.vue | 4 |
17 files changed, 3 insertions, 249 deletions
diff --git a/site/public/bg.mp4 b/site/public/bg.mp4 Binary files differdeleted file mode 100644 index 89df32b..0000000 --- a/site/public/bg.mp4 +++ /dev/null diff --git a/site/public/categories/index.xml b/site/public/categories/index.xml deleted file mode 100644 index 6b906fb..0000000 --- a/site/public/categories/index.xml +++ /dev/null @@ -1,10 +0,0 @@ -<?xml version="1.0" encoding="utf-8" standalone="yes"?> -<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> - <channel> - <title>Categories on HydroRoll</title> - <link>http://hydroroll.team/categories/</link> - <description>Recent content in Categories on HydroRoll</description> - <generator>Hugo -- gohugo.io</generator> - <language>zh-cn</language><atom:link href="http://hydroroll.team/categories/index.xml" rel="self" type="application/rss+xml" /> - </channel> -</rss> diff --git a/site/public/css/styles.css b/site/public/css/styles.css deleted file mode 100644 index 3c52555..0000000 --- a/site/public/css/styles.css +++ /dev/null @@ -1,101 +0,0 @@ -* { -margin: 0; -padding: 0; -} - -.bgimg { -/* Full-screen */ -height: 100vh; /* Use viewport height for full-screen height */ -/* Center the background image */ -background-position: center; -/* Scale and zoom in the image */ -background-size: cover; -/* Add position: relative to enable absolutely positioned elements inside the image (place text) */ -position: relative; -/* Add a white text color to all elements inside the .bgimg container */ -color: white; -/* Add a font */ -font-family: "Courier New", Courier, monospace; -/* Set the font-size to 25 pixels */ -font-size: 25px; -} - -.bgimg video { -width: 100%; -height: 100%; /* Make the video fill the entire .bgimg container */ -object-fit: cover; /* Make the video cover the container without stretching */ -display: block; /* Remove any extra spacing */ -position: absolute; /* Position the video absolutely within the .bgimg container */ -} - - -/* Position text in the top-left corner */ -.topleft { -position: absolute; -top: 16px; -left: 16px; -} - -/* Position text in the bottom-left corner */ -.bottomleft { -position: absolute; -bottom: 16px; -left: 16px; -} - -/* Position text in the middle */ -.middle { -position: absolute; -top: 50%; -left: 50%; -transform: translate(-50%, -50%); -text-align: center; -} -#demo{ - font-size:30px; - padding: 10px; -} -@media screen AND (max-width:600px) { - .middle h1{ - font-size: 20px; - } - #demo{ - font-size: 20px; - } -} - -/* Style the <hr> element */ -hr { -margin: auto; -width: 40%; -} - -/* left side */ -.left{ - right: 0; - bottom: 10px; - position: absolute; -} -.social-icons { - text-align: center; - filter: brightness(0) invert(1); -} - -.social-icons .social-icons-list { - display: inline-block; - list-style-type: none; - padding: 0; - text-align: center; -} - -.social-icons-list .social-icon { - box-sizing: border-box; - display: inline-block; - height: 24px; - margin: 0 6px; - width: 24px; -} - -.social-icon a svg path { - transition: fill 0.15s ease; -}
\ No newline at end of file diff --git a/site/public/favicon.ico b/site/public/favicon.ico Binary files differdeleted file mode 100644 index 253be4b..0000000 --- a/site/public/favicon.ico +++ /dev/null diff --git a/site/public/index.html b/site/public/index.html deleted file mode 100644 index 4c8e428..0000000 --- a/site/public/index.html +++ /dev/null @@ -1,67 +0,0 @@ -<!DOCTYPE html> -<html lang="en"><head> - <meta name="generator" content="Hugo 0.117.0"> - <meta charset="UTF-8"> - <meta name="viewport" content="width=device-width, initial-scale=1.0"> - <title>HydroRoll </title> - <link rel="canonical" href="http://hydroroll.team/"> - - <link rel="icon" type="image/x-icon" href="/assets/favicon.png"> - - <link rel="stylesheet" href="/css/styles.css"> -</head> - <div class="bgimg"> - <video autoplay muted loop poster="poster.jpg"> - - <source src="bg.mp4" type="video/mp4"> - - </video> - <div class="topleft"> - - <p>HydroRoll </p> - - </div> - <div class="middle"> - - <h1>距离水系公测还有</h1> - - <br /> - <hr> - <br/> - <h4></h4> - <p id="demo"></p> - <div id="countdown" data-release="Jul 14, 2024"></div> - </div> - <div class="bottomleft"> - <p> - 倒数日</p> - </div> - </div> - <div class="left"> - - <section class="social-icons"> - <ul class="social-icons-list"> - - <li class="social-icon"> - - <a href="mailto:support@hydroroll.team " - > - <img src="http://hydroroll.team//svg/icons/email.svg" alt="test" /> - </a> - </li> - - <li class="social-icon"> - - <a href="https://github.com/HydroRoll-Team" - > - <img src="http://hydroroll.team//svg/icons/github.svg" alt="test" /> - </a> - </li> - - </ul> - </section> - - </div> - <script src="/js/script.js"></script> - -</html>
\ No newline at end of file diff --git a/site/public/index.xml b/site/public/index.xml deleted file mode 100644 index a759010..0000000 --- a/site/public/index.xml +++ /dev/null @@ -1,10 +0,0 @@ -<?xml version="1.0" encoding="utf-8" standalone="yes"?> -<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> - <channel> - <title>HydroRoll</title> - <link>http://hydroroll.team/</link> - <description>Recent content on HydroRoll</description> - <generator>Hugo -- gohugo.io</generator> - <language>zh-cn</language><atom:link href="http://hydroroll.team/index.xml" rel="self" type="application/rss+xml" /> - </channel> -</rss> diff --git a/site/public/js/script.js b/site/public/js/script.js deleted file mode 100644 index f41ff4b..0000000 --- a/site/public/js/script.js +++ /dev/null @@ -1,31 +0,0 @@ -// Get the release date from the data attribute -var releaseDateStr = document.getElementById("countdown").getAttribute("data-release"); - -// Create a JavaScript Date object using the release date string -var countDownDate = new Date(releaseDateStr); - -// Update the count down every 1 second -var x = setInterval(function() { - - // Get todays date and time - var now = new Date().getTime(); - - // Find the distance between now an the count down date - var distance = countDownDate - now; - - // Time calculations for days, hours, minutes and seconds - var days = Math.floor(distance / (1000 * 60 * 60 * 24)); - var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); - var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60)); - var seconds = Math.floor((distance % (1000 * 60)) / 1000); - - // Display the result in an element with id="demo" - document.getElementById("demo").innerHTML = days + "天 " + hours + "小时 " - + minutes + "分 " + seconds + "秒 "; - - // If the count down is finished, write some text - if (distance < 0) { - clearInterval(x); - document.getElementById("demo").innerHTML = "EXPIRED"; - } -}, 1000);
\ No newline at end of file diff --git a/site/public/sitemap.xml b/site/public/sitemap.xml deleted file mode 100644 index 3122e32..0000000 --- a/site/public/sitemap.xml +++ /dev/null @@ -1,11 +0,0 @@ -<?xml version="1.0" encoding="utf-8" standalone="yes"?> -<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" - xmlns:xhtml="http://www.w3.org/1999/xhtml"> - <url> - <loc>http://hydroroll.team/categories/</loc> - </url><url> - <loc>http://hydroroll.team/</loc> - </url><url> - <loc>http://hydroroll.team/tags/</loc> - </url> -</urlset> diff --git a/site/public/svg/icons/email.svg b/site/public/svg/icons/email.svg deleted file mode 100644 index 3811b59..0000000 --- a/site/public/svg/icons/email.svg +++ /dev/null @@ -1 +0,0 @@ -<svg viewBox="0 0 128 128" xmlns="http://www.w3.org/2000/svg"><path d="M 0,27.283 V 24 a 8,8 0 0 1 8,-8 h 112 a 8,8 0 0 1 8,8 v 3.283 l -64,40 z m 66.12,48.11 a 4.004,4.004 0 0 1 -4.24,0 L 0,36.717 V 104 a 8,8 0 0 0 8,8 h 112 a 8,8 0 0 0 8,-8 V 36.717 Z" data-name="Layer 2"/></svg>
\ No newline at end of file diff --git a/site/public/svg/icons/facebook.svg b/site/public/svg/icons/facebook.svg deleted file mode 100644 index 4ef9d67..0000000 --- a/site/public/svg/icons/facebook.svg +++ /dev/null @@ -1 +0,0 @@ -<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Facebook</title><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg>
\ No newline at end of file diff --git a/site/public/svg/icons/github.svg b/site/public/svg/icons/github.svg deleted file mode 100644 index 538ec5b..0000000 --- a/site/public/svg/icons/github.svg +++ /dev/null @@ -1 +0,0 @@ -<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
\ No newline at end of file diff --git a/site/public/svg/icons/instagram.svg b/site/public/svg/icons/instagram.svg deleted file mode 100644 index 5a68721..0000000 --- a/site/public/svg/icons/instagram.svg +++ /dev/null @@ -1 +0,0 @@ -<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Instagram</title><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913.306.788.717 1.459 1.384 2.126.667.666 1.336 1.079 2.126 1.384.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558.788-.306 1.459-.718 2.126-1.384.666-.667 1.079-1.335 1.384-2.126.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913-.306-.789-.718-1.459-1.384-2.126C21.319 1.347 20.651.935 19.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227-.224.562-.479.96-.899 1.382-.419.419-.824.679-1.38.896-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421-.569-.224-.96-.479-1.379-.899-.421-.419-.69-.824-.9-1.38-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678c-3.405 0-6.162 2.76-6.162 6.162 0 3.405 2.76 6.162 6.162 6.162 3.405 0 6.162-2.76 6.162-6.162 0-3.405-2.76-6.162-6.162-6.162zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405c0 .795-.646 1.44-1.44 1.44-.795 0-1.44-.646-1.44-1.44 0-.794.646-1.439 1.44-1.439.793-.001 1.44.645 1.44 1.439z"/></svg>
\ No newline at end of file diff --git a/site/public/svg/icons/tiktok.svg b/site/public/svg/icons/tiktok.svg deleted file mode 100644 index 57ce3ae..0000000 --- a/site/public/svg/icons/tiktok.svg +++ /dev/null @@ -1 +0,0 @@ -<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>TikTok</title><path d="M12.525.02c1.31-.02 2.61-.01 3.91-.02.08 1.53.63 3.09 1.75 4.17 1.12 1.11 2.7 1.62 4.24 1.79v4.03c-1.44-.05-2.89-.35-4.2-.97-.57-.26-1.1-.59-1.62-.93-.01 2.92.01 5.84-.02 8.75-.08 1.4-.54 2.79-1.35 3.94-1.31 1.92-3.58 3.17-5.91 3.21-1.43.08-2.86-.31-4.08-1.03-2.02-1.19-3.44-3.37-3.65-5.71-.02-.5-.03-1-.01-1.49.18-1.9 1.12-3.72 2.58-4.96 1.66-1.44 3.98-2.13 6.15-1.72.02 1.48-.04 2.96-.04 4.44-.99-.32-2.15-.23-3.02.37-.63.41-1.11 1.04-1.36 1.75-.21.51-.15 1.07-.14 1.61.24 1.64 1.82 3.02 3.5 2.87 1.12-.01 2.19-.66 2.77-1.61.19-.33.4-.67.41-1.06.1-1.79.06-3.57.07-5.36.01-4.03-.01-8.05.02-12.07z"/></svg>
\ No newline at end of file diff --git a/site/public/svg/icons/twitter.svg b/site/public/svg/icons/twitter.svg deleted file mode 100644 index 45bd20c..0000000 --- a/site/public/svg/icons/twitter.svg +++ /dev/null @@ -1 +0,0 @@ -<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Twitter</title><path d="M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z"/></svg>
\ No newline at end of file diff --git a/site/public/tags/index.xml b/site/public/tags/index.xml deleted file mode 100644 index 7664def..0000000 --- a/site/public/tags/index.xml +++ /dev/null @@ -1,10 +0,0 @@ -<?xml version="1.0" encoding="utf-8" standalone="yes"?> -<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"> - <channel> - <title>Tags on HydroRoll</title> - <link>http://hydroroll.team/tags/</link> - <description>Recent content in Tags on HydroRoll</description> - <generator>Hugo -- gohugo.io</generator> - <language>zh-cn</language><atom:link href="http://hydroroll.team/tags/index.xml" rel="self" type="application/rss+xml" /> - </channel> -</rss> diff --git a/site/src/App.vue b/site/src/App.vue index e3124b4..bf7fa55 100644 --- a/site/src/App.vue +++ b/site/src/App.vue @@ -8,7 +8,7 @@ import TheWelcome from './components/TheWelcome.vue' <img alt="Vue logo" class="logo" src="./assets/Hydroroll-small.svg" width="125" height="125" /> <div class="wrapper"> - <Left msg="饼在画了!" date="2024-05-10T12:00:00Z" /> + <Left msg="饼在画了!" /> </div> </header> diff --git a/site/src/components/Left.vue b/site/src/components/Left.vue index 342e49b..331c881 100644 --- a/site/src/components/Left.vue +++ b/site/src/components/Left.vue @@ -16,7 +16,7 @@ export default { }, date:{ type:Date, - default:'2024-05-10T12:00:00Z' + default:new Date('2024-05-10T12:00:00Z') } }, methods:{ @@ -47,7 +47,7 @@ export default { 距离水系公测还有 </h3> <h2> - {{ day }}d {{ hour }}h {{ min }}m {{ sec }}s + {{ day }} 天 {{ hour }} 时 {{ min }} 分 {{ sec }} 秒 </h2> </div> </template> |
