This commit is contained in:
kuaifan 2023-07-13 23:35:40 +08:00
parent d7e823dfdd
commit ce82cc8dd9
20 changed files with 106 additions and 70 deletions

View File

@ -75,7 +75,7 @@
</a> </a>
<i class="line-1"></i> <i class="line-1"></i>
<span class="get-started"> <span class="get-started">
<a href="https://www.dootask.com/manage/dashboard"> <a href="../../manage/dashboard">
<button class="btn btn-primary" >Try Now</button> <button class="btn btn-primary" >Try Now</button>
</a> </a>
</span> </span>
@ -369,7 +369,7 @@
</footer> </footer>
</div> </div>
</body> </body>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.6/axios.js"></script> <script src="//cdn.bootcdn.net/ajax/libs/axios/1.3.6/axios.js"></script>
<script src="../js/common.js"></script> <script src="../js/common.js"></script>
<script> <script>
/* 数字滚动动画 */ /* 数字滚动动画 */

View File

@ -62,7 +62,7 @@
</section> </section>
</main> </main>
</body> </body>
<script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script> <script src="//cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
<script> <script>
const dowBtnDom = document.querySelector('.info-dow') const dowBtnDom = document.querySelector('.info-dow')
const line1Dom = document.querySelector('.line1') const line1Dom = document.querySelector('.line1')

View File

@ -75,7 +75,7 @@
</a> </a>
<i class="line-1"></i> <i class="line-1"></i>
<span class="get-started"> <span class="get-started">
<a href="https://www.dootask.com/manage/dashboard"> <a href="../../manage/dashboard">
<button class="btn btn-primary" >Try Now</button> <button class="btn btn-primary" >Try Now</button>
</a> </a>
</span> </span>
@ -119,12 +119,12 @@
<i class="txt-4001624 txt">macOS</i> <i class="txt-4001624 txt">macOS</i>
</div> </div>
<div class="hover radius"> <div class="hover radius">
<button class="btn btn-green mb-12" style="width: 70%;"> <a class="btn btn-green mb-12" style="box-sizing: border-box;width: 70%;" id="arm64Link" href="https://www.dootask.com/desktop/publish/latest?platform=mac&arch=arm64" target="_blank">
<a class="chips-txt txt-4001418" id="arm64Link" href="https://www.dootask.com/desktop/publish/latest?platform=mac&arch=arm64" target="_blank">Apple Chips</a> <span class="chips-txt txt-4001418">Apple Chips</span>
</button> </a>
<button class="btn btn-green" style="width: 70%;"> <a class="btn btn-green" style="box-sizing: border-box;width: 70%;" id="x64Link" href="https://www.dootask.com/desktop/publish/latest?platform=mac&arch=x64" target="_blank">
<a class="chips-txt txt-4001418" id="x64Link" href="https://www.dootask.com/desktop/publish/latest?platform=mac&arch=x64" target="_blank">Intel Chips</a> <span class="chips-txt txt-4001418">Intel Chips</span>
</button> </a>
</div> </div>
</li> </li>
<li class="download-ul-item dow-animate-box" style="--delay: 0.3s;" onmouseover='handleMouseover(3)' onmouseout='handleMouseout(3)'> <li class="download-ul-item dow-animate-box" style="--delay: 0.3s;" onmouseover='handleMouseover(3)' onmouseout='handleMouseout(3)'>
@ -132,7 +132,7 @@
<img class="icon mb-8" src="../img/dow_window.svg" alt="Windows"> <img class="icon mb-8" src="../img/dow_window.svg" alt="Windows">
<i class="txt-4001624 txt">Windows</i> <i class="txt-4001624 txt">Windows</i>
</div> </div>
<a class="hover radius" id="winx64Link" href="https://www.dootask.com/desktop/publish/latest?platform=windows&arch=x64" target="_blank"> <a class="hover radius" id="winx64Link" href="https://www.dootask.com/desktop/publish/latest?platform=win&arch=x64" target="_blank">
<img class="icon mb-8" src="../img/dow_icon.svg" alt="Windows,download"> <img class="icon mb-8" src="../img/dow_icon.svg" alt="Windows,download">
<i class="txt-4001624 txt">Download</i> <i class="txt-4001624 txt">Download</i>
</a> </a>
@ -318,7 +318,6 @@
</footer> </footer>
</div> </div>
</body> </body>
<script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
<script src="../js/common.js"></script> <script src="../js/common.js"></script>
<script> <script>
/* 下载应用的hover处理函数 */ /* 下载应用的hover处理函数 */
@ -346,20 +345,12 @@ const getItem = (key)=> {
return record.value; return record.value;
} }
/* 获取仓库的更新信息处理函数 */ /* 获取仓库的更新信息处理函数 */
const setHrefUrl = (data,name,dom)=>{
const url = data[0].assets.find(file => file.name.includes(name));
const link = document.getElementById(dom);
link.href = url.browser_download_url;
}
const logsItem = getItem('logs_dowmload_en') const logsItem = getItem('logs_dowmload_en')
const updates = document.getElementById('releases'); const updates = document.getElementById('releases');
if(!logsItem) { if(!logsItem) {
fetch('https://api.github.com/repos/kuaifan/dootask/releases') fetch('https://api.github.com/repos/kuaifan/dootask/releases')
.then(response => response.json()) .then(response => response.json())
.then(data => { .then(data => {
setHrefUrl(data,'arm64.dmg','arm64Link')
setHrefUrl(data,'x64.dmg','x64Link')
setHrefUrl(data,'arm64.exe','winx64Link')
const releases = data.slice(0, 5).map((item,index) => { const releases = data.slice(0, 5).map((item,index) => {
const { tag_name, created_at } = item; const { tag_name, created_at } = item;
const date = created_at.split('T')[0]; const date = created_at.split('T')[0];
@ -393,12 +384,5 @@ const animateBoxes = ()=> {
} }
window.addEventListener('scroll', animateBoxes); window.addEventListener('scroll', animateBoxes);
animateBoxes(); animateBoxes();
/* 生成网页二维码二维码 */
if(window.location.host !== ''){
const url = window.location.href;
const matchResult = url.match(/^(.*?)(?=\/site)/);
const result = matchResult[1];
new QRCode(document.getElementById('qrcode'), `${result}/site/en/distribute.html`); // 测试
}
</script> </script>
</html> </html>

View File

@ -75,7 +75,7 @@
</a> </a>
<i class="line-1"></i> <i class="line-1"></i>
<span class="get-started"> <span class="get-started">
<a href="https://www.dootask.com/manage/dashboard"> <a href="../../manage/dashboard">
<button class="btn btn-primary" >Try Now</button> <button class="btn btn-primary" >Try Now</button>
</a> </a>
</span> </span>

View File

@ -75,7 +75,7 @@
</a> </a>
<i class="line-1"></i> <i class="line-1"></i>
<span class="get-started"> <span class="get-started">
<a href="https://www.dootask.com/manage/dashboard"> <a href="../../manage/dashboard">
<button class="btn btn-primary" >Try Now</button> <button class="btn btn-primary" >Try Now</button>
</a> </a>
</span> </span>

View File

@ -75,7 +75,7 @@
</a> </a>
<i class="line-1"></i> <i class="line-1"></i>
<span class="get-started"> <span class="get-started">
<a href="https://www.dootask.com/manage/dashboard"> <a href="../../manage/dashboard">
<button class="btn btn-primary" >Try Now</button> <button class="btn btn-primary" >Try Now</button>
</a> </a>
</span> </span>
@ -207,7 +207,7 @@
</footer> </footer>
</div> </div>
</body> </body>
<script src="https://cdn.jsdelivr.net/npm/markdown-it/dist/markdown-it.min.js"></script> <script src="//cdn.jsdelivr.net/npm/markdown-it/dist/markdown-it.min.js"></script>
<script src="../js/common.js"></script> <script src="../js/common.js"></script>
<script> <script>
const getItem = (key)=> { const getItem = (key)=> {

View File

@ -89,7 +89,7 @@
</a> </a>
<i class="line-1"></i> <i class="line-1"></i>
<span class="get-started"> <span class="get-started">
<a href="https://www.dootask.com/manage/dashboard"> <a href="../../manage/dashboard">
<button class="btn btn-primary" >Try Now</button> <button class="btn btn-primary" >Try Now</button>
</a> </a>
</span> </span>
@ -515,7 +515,7 @@
</li> </li>
<li> <li>
<span style="display: inline-block; width: 100%;"> <span style="display: inline-block; width: 100%;">
<a href="https://www.dootask.com/manage/dashboard"> <button class="btn btn-primary">Get Started</button></a> <a href="../../manage/dashboard"> <button class="btn btn-primary">Get Started</button></a>
</span> </span>
</li> </li>
</ol> </ol>
@ -592,7 +592,7 @@
</li> </li>
<li> <li>
<span style="display: inline-block; width: 100%;"> <span style="display: inline-block; width: 100%;">
<a href="https://www.dootask.com/manage/dashboard"> <button class="btn btn-primary">Get Started</button></a> <a href="../../manage/dashboard"> <button class="btn btn-primary">Get Started</button></a>
</span> </span>
</li> </li>
</ol> </ol>
@ -668,7 +668,7 @@
</li> </li>
<li> <li>
<span style="display: inline-block; width: 100%;"> <span style="display: inline-block; width: 100%;">
<a href="https://www.dootask.com/manage/dashboard"> <button class="btn btn-primary">Get Started</button></a> <a href="../../manage/dashboard"> <button class="btn btn-primary">Get Started</button></a>
</span> </span>
</li> </li>
</ol> </ol>

View File

@ -75,7 +75,7 @@
</a> </a>
<i class="line-1"></i> <i class="line-1"></i>
<span class="get-started"> <span class="get-started">
<a href="https://www.dootask.com/manage/dashboard"> <a href="../../manage/dashboard">
<button class="btn btn-primary" >Try Now</button> <button class="btn btn-primary" >Try Now</button>
</a> </a>
</span> </span>

View File

@ -75,7 +75,7 @@
</a> </a>
<i class="line-1"></i> <i class="line-1"></i>
<span class="get-started"> <span class="get-started">
<a href="https://www.dootask.com/manage/dashboard"> <a href="../../manage/dashboard">
<button class="btn btn-primary" >Try Now</button> <button class="btn btn-primary" >Try Now</button>
</a> </a>
</span> </span>

View File

@ -75,7 +75,7 @@
</a> </a>
<i class="line-1"></i> <i class="line-1"></i>
<span class="get-started"> <span class="get-started">
<a href="https://www.dootask.com/manage/dashboard"> <a href="../manage/dashboard">
<button class="btn btn-primary" >立即体验</button> <button class="btn btn-primary" >立即体验</button>
</a> </a>
</span> </span>

View File

@ -75,7 +75,7 @@
</a> </a>
<i class="line-1"></i> <i class="line-1"></i>
<span class="get-started"> <span class="get-started">
<a href="https://www.dootask.com/manage/dashboard"> <a href="../../manage/dashboard">
<button class="btn btn-primary" >立即体验</button> <button class="btn btn-primary" >立即体验</button>
</a> </a>
</span> </span>
@ -367,7 +367,7 @@
</footer> </footer>
</div> </div>
</body> </body>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.6/axios.js"></script> <script src="//cdn.bootcdn.net/ajax/libs/axios/1.3.6/axios.js"></script>
<script src="../js/common.js"></script> <script src="../js/common.js"></script>
<script> <script>
/* 数字滚动动画 */ /* 数字滚动动画 */

View File

@ -62,7 +62,7 @@
</section> </section>
</main> </main>
</body> </body>
<script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script> <script src="//cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
<script> <script>
// 处理分发页面的逻辑 // 处理分发页面的逻辑
const dowBtnDom = document.querySelector('.info-dow') const dowBtnDom = document.querySelector('.info-dow')

View File

@ -75,7 +75,7 @@
</a> </a>
<i class="line-1"></i> <i class="line-1"></i>
<span class="get-started"> <span class="get-started">
<a href="https://www.dootask.com/manage/dashboard"> <a href="../../manage/dashboard">
<button class="btn btn-primary" >立即体验</button> <button class="btn btn-primary" >立即体验</button>
</a> </a>
</span> </span>
@ -119,12 +119,12 @@
<i class="txt-4001624 txt">macOS</i> <i class="txt-4001624 txt">macOS</i>
</div> </div>
<div class="hover radius"> <div class="hover radius">
<button class="btn btn-green mb-12" style="width: 70%;"> <a class="btn btn-green mb-12" style="box-sizing: border-box;width: 70%;" id="arm64Link" href="https://www.dootask.com/desktop/publish/latest?platform=mac&arch=arm64" target="_blank">
<a class="chips-txt txt-4001418" id="arm64Link" href="https://www.dootask.com/desktop/publish/latest?platform=mac&arch=arm64" target="_blank">Apple Chips</a> <span class="chips-txt txt-4001418">Apple Chips</span>
</button> </a>
<button class="btn btn-green" style="width: 70%;"> <a class="btn btn-green" style="box-sizing: border-box;width: 70%;" id="x64Link" href="https://www.dootask.com/desktop/publish/latest?platform=mac&arch=x64" target="_blank">
<a class="chips-txt txt-4001418" id="x64Link" href="https://www.dootask.com/desktop/publish/latest?platform=mac&arch=x64" target="_blank">Intel Chips</a> <span class="chips-txt txt-4001418">Intel Chips</span>
</button> </a>
</div> </div>
</li> </li>
<li class="download-ul-item dow-animate-box" style="--delay: 0.3s;" onmouseover='handleMouseover(3)' onmouseout='handleMouseout(3)'> <li class="download-ul-item dow-animate-box" style="--delay: 0.3s;" onmouseover='handleMouseover(3)' onmouseout='handleMouseout(3)'>
@ -132,7 +132,7 @@
<img class="icon mb-8" src="../img/dow_window.svg" alt="Windows"> <img class="icon mb-8" src="../img/dow_window.svg" alt="Windows">
<i class="txt-4001624 txt">Windows</i> <i class="txt-4001624 txt">Windows</i>
</p> </p>
<a class="hover radius" id="winx64Link" href="https://www.dootask.com/desktop/publish/latest?platform=windows&arch=x64" target="_blank"> <a class="hover radius" id="winx64Link" href="https://www.dootask.com/desktop/publish/latest?platform=win&arch=x64" target="_blank">
<img class="icon mb-8" src="../img/dow_icon.svg" alt="Windows,下载"> <img class="icon mb-8" src="../img/dow_icon.svg" alt="Windows,下载">
<i class="txt-4001624 txt">下载</i> <i class="txt-4001624 txt">下载</i>
</a> </a>
@ -316,7 +316,6 @@
</footer> </footer>
</div> </div>
</body> </body>
<script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
<script src="../js/common.js"></script> <script src="../js/common.js"></script>
<script> <script>
/* 下载应用的hover处理函数 */ /* 下载应用的hover处理函数 */
@ -343,6 +342,34 @@ const getItem = (key)=> {
} }
return record.value; return record.value;
} }
/* 获取仓库的更新信息处理函数 */
const logsItem = getItem('logs_dowmload_cn')
const updates = document.getElementById('releases');
if(!logsItem) {
fetch('https://api.github.com/repos/kuaifan/dootask/releases')
.then(response => response.json())
.then(data => {
const releases = data.slice(0, 5).map((item,index) => {
const { tag_name, created_at } = item;
const date = created_at.split('T')[0];
return `
<li class="update-item" onclick="localStorageHandle(${index+1})">
<h5 class="txt-4001624 update-h5">DooTask ${tag_name} 更新</h5>
<i class="txt-4001624 time">${date}</i>
</li>
`;
}).join('');
let record = {value: releases, expired: new Date().getTime() + 30 * 60 * 1000};
localStorage.setItem('logs_dowmload_cn', JSON.stringify(record))
updates.innerHTML = releases;
})
.catch(error => {
console.error(error);
});
}else{
updates.innerHTML = logsItem;
}
/* 滑动到可视区域执行动画 */ /* 滑动到可视区域执行动画 */
const boxes = document.querySelectorAll('.dow-animate-box'); const boxes = document.querySelectorAll('.dow-animate-box');
const animateBoxes = ()=> { const animateBoxes = ()=> {
@ -356,13 +383,5 @@ const animateBoxes = ()=> {
} }
window.addEventListener('scroll', animateBoxes); window.addEventListener('scroll', animateBoxes);
animateBoxes(); animateBoxes();
/* 生成网页二维码二维码 */
if(window.location.host !== ''){
const url = window.location.href;
const matchResult = url.match(/^(.*?)(?=\/site)/);
const result = matchResult[1];
new QRCode(document.getElementById('qrcode'), `${result}/site/zh/distribute.html`); // 测试
}
</script> </script>
</html> </html>

View File

@ -75,7 +75,7 @@
</a> </a>
<i class="line-1"></i> <i class="line-1"></i>
<span class="get-started"> <span class="get-started">
<a href="https://www.dootask.com/manage/dashboard"> <a href="../../manage/dashboard">
<button class="btn btn-primary" >立即体验</button> <button class="btn btn-primary" >立即体验</button>
</a> </a>
</span> </span>

View File

@ -75,7 +75,7 @@
</a> </a>
<i class="line-1"></i> <i class="line-1"></i>
<span class="get-started"> <span class="get-started">
<a href="https://www.dootask.com/manage/dashboard"> <a href="../../manage/dashboard">
<button class="btn btn-primary" >立即体验</button> <button class="btn btn-primary" >立即体验</button>
</a> </a>
</span> </span>

View File

@ -75,7 +75,7 @@
</a> </a>
<i class="line-1"></i> <i class="line-1"></i>
<span class="get-started"> <span class="get-started">
<a href="https://www.dootask.com/manage/dashboard"> <a href="../../manage/dashboard">
<button class="btn btn-primary" >立即体验</button> <button class="btn btn-primary" >立即体验</button>
</a> </a>
</span> </span>
@ -207,7 +207,7 @@
</footer> </footer>
</div> </div>
</body> </body>
<script src="https://cdn.jsdelivr.net/npm/markdown-it/dist/markdown-it.min.js"></script> <script src="//cdn.jsdelivr.net/npm/markdown-it/dist/markdown-it.min.js"></script>
<script src="../js/common.js"></script> <script src="../js/common.js"></script>
<script> <script>
const getItem = (key)=> { const getItem = (key)=> {

View File

@ -89,7 +89,7 @@
</a> </a>
<i class="line-1"></i> <i class="line-1"></i>
<span class="get-started"> <span class="get-started">
<a href="https://www.dootask.com/manage/dashboard"> <a href="../../manage/dashboard">
<button class="btn btn-primary" >立即体验</button> <button class="btn btn-primary" >立即体验</button>
</a> </a>
</span> </span>

View File

@ -75,7 +75,7 @@
</a> </a>
<i class="line-1"></i> <i class="line-1"></i>
<span class="get-started"> <span class="get-started">
<a href="https://www.dootask.com/manage/dashboard"> <a href="../../manage/dashboard">
<button class="btn btn-primary" >立即体验</button> <button class="btn btn-primary" >立即体验</button>
</a> </a>
</span> </span>

View File

@ -75,7 +75,7 @@
</a> </a>
<i class="line-1"></i> <i class="line-1"></i>
<span class="get-started"> <span class="get-started">
<a href="https://www.dootask.com/manage/dashboard"> <a href="../../manage/dashboard">
<button class="btn btn-primary" >立即体验</button> <button class="btn btn-primary" >立即体验</button>
</a> </a>
</span> </span>

View File

@ -196,5 +196,38 @@
</table> </table>
</div> </div>
</body> </body>
<script>
function getUrlParam(name, url) {
let qs = arguments[1] || window.location.href,
reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"),
r = qs.substring(qs.indexOf("?") + 1).match(reg);
if (r !== null) {
let i = decodeURI(r[2]).indexOf('#');
if (i !== -1) {
return decodeURI(r[2]).substring(0, i);
} else {
return decodeURI(r[2]);
}
} else {
return '';
}
}
let platform = getUrlParam('platform');
if (platform) {
let arch = getUrlParam('arch');
if (arch) {
platform = platform + '-' + arch;
}
let reg = new RegExp(`-${platform.toLowerCase()}\.(apk|dmg|exe)$`)
document.querySelectorAll("tr").forEach(function (item) {
let e = item.querySelector("a")
if (e && reg.test(e.href)) {
item.style.fontWeight = 'bold'
e.click()
} else {
item.style.fontWeight = 'normal'
}
});
}
</script>
</html> </html>