github/dootask
1
0
Fork 0
mirror of https://github.com/kuaifan/dootask.git synced 2025-12-12 19:35:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix：修复官网问题

Browse Source
This commit is contained in:
spylecym 2023-07-13 19:06:12 +08:00
parent 986e2cf0b4
commit d647a9d6a0
22 changed files with 393 additions and 346 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
public/site/css/about.css vendored
View File

@ -172,4 +172,34 @@
border: 1px solid transparent;
border-radius: 8px;
color: #fff;
}
#desc_wrap{
position: relative;
}
#characterCount{
position: absolute;
right: 20px;
bottom: 7px;
z-index:999;
color: #ccc;
}
#loadingWrap{
position: relative;
}
#submitLoading{
position: absolute;
display: none;
left: 42%;
width: 18px;
height: 18px;
border-radius: 50%;
animation: spin 3s infinite linear;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}

3
public/site/css/common.css vendored
View File

@ -64,6 +64,9 @@ img {
line-height: 16px;
}
.txt-4001620{
display: block;
width: 100%;
height: 100%;
font-weight: 400;
font-size: 16px;
line-height: 20px;

2
public/site/css/log.css vendored
View File

@ -70,6 +70,8 @@
font-size: 24px;
line-height: 30px;
color: var(--text-color);
padding-top: 15px;
box-sizing: border-box;
}
.r-ol-item{
color: var(--txt-gray-color);

53
public/site/en/about.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<title>DooTask</title>
<meta name="google" value="notranslate">
<meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier."">
<meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier.">
<meta name="keywords" content="China DooTask Task management Lightweight Hitosea Teamwork">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="../img/favicon.ico">
@ -68,15 +68,15 @@
<i class="nav-r-icon theme_light" onclick="setTheme('dark')">
<img src="../img/drak.svg" alt="Dark theme">
</i>
<a href="https://github.com/kuaifan/dootask" target="_blank">
<a href="https://github.com/kuaifan/dootask">
<i class="nav-r-icon">
<img src="../img/github.svg" alt="github">
</i>
</a>
<i class="line-1"></i>
<span class="get-started">
<a href="https://www.dootask.com/manage/dashboard" target="_blank">
<button class="btn btn-primary" >Experience it now</button>
<a href="https://www.dootask.com/manage/dashboard">
<button class="btn btn-primary" >Try Now</button>
</a>
</span>
</div>
@ -201,9 +201,9 @@
</ol>
</li>
<li class="drawer-item-b">
<li class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">Log In</a>
</li>
<div class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">Try Now</a>
</div>
</li>
</ul>
</div>
@ -282,11 +282,12 @@
</li>
<li class="from-ul-item mb-16">
<i class="from-ul-tags mb-8">Message</i>
<textarea id="desc" class="textarea" cols="3" rows="8" placeholder="Optional"></textarea>
<textarea id="desc" class="textarea" cols="3" rows="8" placeholder="Optional" oninput="limitCharacters(event, 255)"></textarea>
<p id="characterCount">Messages cannot exceed 255 characters!</p>
</li>
<li>
<span class="from-submit">
<button class="btn btn-primary " type="button" onclick="sendFormRequest()">Submit</button>
<button class="btn btn-primary" id="loadingWrap" type="button" onclick="sendFormRequest()"><img id="submitLoading" alt="" src="../img/loading.png" />Submit</button>
</span>
</li>
</ul>
@ -341,20 +342,20 @@
<ol class="footer-r-ol">
<li class="footer-ol-item txt-5001624 mb-24">Community</li>
<li class="footer-ol-item">
<li class="footer-ol-item mb-16">
<div class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
</li>
<li class="footer-ol-item mb-16">
</div>
<div class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
</li>
<li class="footer-ol-item" id="qq_group">
</div>
<div class="footer-ol-item" id="qq_group">
<i class="txt-4001624 txt">QQ group</i>
<div class="group_code">
<img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="Group：546574618">
<i class="group_num">Group：546574618</i>
<i class="lower_triangle"></i>
</div>
</li>
</div>
</li>
</ol>
</li>
@ -371,7 +372,7 @@
<script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.6/axios.js"></script>
<script src="../js/common.js"></script>
<script>
/* 数字滚动动画 */
/* 数字滚动动画 */
const companyYearEl = document.querySelector('.company-year');
const companyAreaEl = document.querySelector('.company-area');
const companySizeEl = document.querySelector('.company-size');
@ -410,7 +411,7 @@
areaTimerId = setInterval(updateAreaNumber, 1);
sizeTimerId = setInterval(updateSizeNumber, 1);
/* 滑动到可视区域执行动画 */
/* 滑动到可视区域执行动画 */
const boxes = document.querySelectorAll('.about-animate-box');
let timerId = null
const animateBoxes = ()=> {
@ -426,6 +427,17 @@
}
});
}
/* 限制表单textarea字符数 */
function limitCharacters(event, maxCharacters) {
const textarea = event.target;
const text = textarea.value;
if (text.length > maxCharacters) {
textarea.value = text.slice(0, maxCharacters); // 截断文本
document.getElementById('characterCount').style.display = "block";
}else{
document.getElementById('characterCount').style.display = "none";
}
}
/* 显示/隐藏提示弹框 */
function showBox(text){
const box = document.querySelector('.BulletBox')
@ -464,10 +476,11 @@
`,
"silence": "no"
};
document.getElementById("submitLoading").style.display = "block"
axios.post(url, data, { headers })
.then(response => {
form.reset()
document.getElementById("submitLoading").style.display = "none"
showBox('Submitted successfully！')
})
.catch(error => {
@ -476,9 +489,9 @@
});
}
}
}
window.addEventListener('scroll', animateBoxes);
animateBoxes();
</script>
</html>
</html>

10
public/site/en/distribute.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<title>DooTask</title>
<meta name="google" value="notranslate">
<meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier."">
<meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier.">
<meta name="keywords" content="China DooTask Task management Lightweight Hitosea Teamwork">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="../img/favicon.ico">
@ -29,7 +29,7 @@
<div class="scan">
<i class="scan-txt" style="margin-bottom: 4px;">Scan the QR code to download</i>
<span class="scan-txt" style="margin-bottom: 18px;">
Or type in this URL using your mobile browser:
Or type in this URL using your mobile browser:
<i class="scan-txt-b">http://dootask.com/</i>
</span>
</div>
@ -71,8 +71,8 @@
const infoDom = document.querySelector('.info')
const operatDom = document.querySelector('.operat-tips')
const ua = window.navigator.userAgent.toLowerCase();
const isWechat = /micromessenger/.test(ua);
const isAndroid = /android/.test(ua);
const isWechat = /micromessenger/.test(ua);
const isAndroid = /android/.test(ua);
let timer;
if(!isAndroid){
dowBtnDom.style.display = 'none'
@ -110,7 +110,7 @@
}
window.location.href = "https://www.dootask.com/uploads/android/DooTask-v0.27.46-android.apk";
}
/* 生成网页二维码二维码 */
/* 生成网页二维码二维码 */
if(window.location.host !== ''){
const url = window.location.href;
const matchResult = url.match(/^(.*?)(?=\/site)/);

38
public/site/en/download.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<title>DooTask</title>
<meta name="google" value="notranslate">
<meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier."">
<meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier.">
<meta name="keywords" content="China DooTask Task management Lightweight Hitosea Teamwork">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="../img/favicon.ico">
@ -68,15 +68,15 @@
<i class="nav-r-icon theme_light" onclick="setTheme('dark')">
<img src="../img/drak.svg" alt="Dark theme">
</i>
<a href="https://github.com/kuaifan/dootask" target="_blank">
<a href="https://github.com/kuaifan/dootask">
<i class="nav-r-icon">
<img src="../img/github.svg" alt="github">
</i>
</a>
<i class="line-1"></i>
<span class="get-started">
<a href="https://www.dootask.com/manage/dashboard" target="_blank">
<button class="btn btn-primary" >Experience it now</button>
<a href="https://www.dootask.com/manage/dashboard">
<button class="btn btn-primary" >Try Now</button>
</a>
</span>
</div>
@ -211,9 +211,9 @@
</ol>
</li>
<li class="drawer-item-b">
<li class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">Log In</a>
</li>
<div class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">Try Now</a>
</div>
</li>
</ul>
</div>
@ -228,7 +228,7 @@
<div class="update-l">
<h1 class="txt-4003645 update-h1 mb-36">Update Log</h1>
<ul class="update-ul">
<div id="releases"></div>
<li id="releases"></li>
<li>
<a class="more-item" href="../en/log.html">
<h5 class="txt-4001624 more">More Logs</h5>
@ -291,20 +291,20 @@
<ol class="footer-r-ol">
<li class="footer-ol-item txt-5001624 mb-24">Community</li>
<li class="footer-ol-item">
<li class="footer-ol-item mb-16">
<div class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
</li>
<li class="footer-ol-item mb-16">
</div>
<div class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
</li>
<li class="footer-ol-item" id="qq_group">
</div>
<div class="footer-ol-item" id="qq_group">
<i class="txt-4001624 txt">QQ group</i>
<div class="group_code">
<img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="Group：546574618">
<i class="group_num">Group：546574618</i>
<i class="lower_triangle"></i>
</div>
</li>
</div>
</li>
</ol>
</li>
@ -321,7 +321,7 @@
<script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
<script src="../js/common.js"></script>
<script>
/* 下载应用的hover处理函数 */
/* 下载应用的hover处理函数 */
const download = document.querySelector('.download-ul');
const downloadItems = download.querySelectorAll('.download-ul-item');
const handleMouseover = (val)=>{
@ -345,7 +345,7 @@ const getItem = (key)=> {
}
return record.value;
}
/* 获取仓库的更新信息处理函数 */
/* 获取仓库的更新信息处理函数 */
const setHrefUrl = (data,name,dom)=>{
const url = data[0].assets.find(file => file.name.includes(name));
const link = document.getElementById(dom);
@ -380,7 +380,7 @@ if(!logsItem) {
}else{
updates.innerHTML = logsItem;
}
/* 滑动到可视区域执行动画 */
/* 滑动到可视区域执行动画 */
const boxes = document.querySelectorAll('.dow-animate-box');
const animateBoxes = ()=> {
boxes.forEach(box => {
@ -393,7 +393,7 @@ const animateBoxes = ()=> {
}
window.addEventListener('scroll', animateBoxes);
animateBoxes();
/* 生成网页二维码二维码 */
/* 生成网页二维码二维码 */
if(window.location.host !== ''){
const url = window.location.href;
const matchResult = url.match(/^(.*?)(?=\/site)/);
@ -401,4 +401,4 @@ if(window.location.host !== ''){
new QRCode(document.getElementById('qrcode'), `${result}/site/en/distribute.html`); // 测试
}
</script>
</html>
</html>

46
public/site/en/help.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<title>DooTask</title>
<meta name="google" value="notranslate">
<meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier."">
<meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier.">
<meta name="keywords" content="China DooTask Task management Lightweight Hitosea Teamwork">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="../img/favicon.ico">
@ -68,15 +68,15 @@
<i class="nav-r-icon theme_light" onclick="setTheme('dark')">
<img src="../img/drak.svg" alt="Dark theme">
</i>
<a href="https://github.com/kuaifan/dootask" target="_blank">
<a href="https://github.com/kuaifan/dootask">
<i class="nav-r-icon">
<img src="../img/github.svg" alt="github">
</i>
</a>
<i class="line-1"></i>
<span class="get-started">
<a href="https://www.dootask.com/manage/dashboard" target="_blank">
<button class="btn btn-primary" >Experience it now</button>
<a href="https://www.dootask.com/manage/dashboard">
<button class="btn btn-primary" >Try Now</button>
</a>
</span>
</div>
@ -249,9 +249,9 @@
</ol>
</li>
<li class="drawer-item-b">
<li class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">Log In</a>
</li>
<div class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">Try Now</a>
</div>
</li>
</ul>
</div>
@ -439,20 +439,20 @@
<ol class="footer-r-ol">
<li class="footer-ol-item txt-5001624 mb-24">Community</li>
<li class="footer-ol-item">
<li class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
</li>
<li class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
</li>
<li class="footer-ol-item" id="qq_group">
<i class="txt-4001624 txt">QQ group</i>
<div class="group_code">
<img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="Group：546574618">
<i class="group_num">Group：546574618</i>
<i class="lower_triangle"></i>
</div>
</li>
<div class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
</div>
<div class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
</div>
<div class="footer-ol-item" id="qq_group">
<i class="txt-4001624 txt">QQ group</i>
<div class="group_code">
<img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="Group：546574618">
<i class="group_num">Group：546574618</i>
<i class="lower_triangle"></i>
</div>
</div>
</li>
</ol>
</li>
@ -468,7 +468,7 @@
</body>
<script src="../js/common.js"></script>
<script>
/* 菜单点击激活函数 */
/* 菜单点击激活函数 */
const tabs = document.querySelector('.help-l-1920');
const tabItems = tabs.querySelectorAll('.l-ul-item');
tabs.addEventListener('click', function (event) {
@ -490,4 +490,4 @@ const closeHelpDraweHandle = ()=>{
helpDrawer.classList.remove('open-help-drawer');
}
</script>
</html>
</html>

26
public/site/en/index.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<title>DooTask</title>
<meta name="google" value="notranslate">
<meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier."">
<meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier.">
<meta name="keywords" content="China DooTask Task management Lightweight Hitosea Teamwork">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="../img/favicon.ico">
@ -68,15 +68,15 @@
<i class="nav-r-icon theme_light" onclick="setTheme('dark')">
<img src="../img/drak.svg" alt="Dark theme">
</i>
<a href="https://github.com/kuaifan/dootask" target="_blank">
<a href="https://github.com/kuaifan/dootask">
<i class="nav-r-icon">
<img src="../img/github.svg" alt="github">
</i>
</a>
<i class="line-1"></i>
<span class="get-started">
<a href="https://www.dootask.com/manage/dashboard" target="_blank">
<button class="btn btn-primary" >Experience it now</button>
<a href="https://www.dootask.com/manage/dashboard">
<button class="btn btn-primary" >Try Now</button>
</a>
</span>
</div>
@ -182,9 +182,9 @@
</ol>
</li>
<li class="drawer-item-b">
<li class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">Log In</a>
</li>
<div class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">Try Now</a>
</div>
</li>
</ul>
</div>
@ -472,20 +472,20 @@
<ol class="footer-r-ol">
<li class="footer-ol-item txt-5001624 mb-24">Community</li>
<li class="footer-ol-item">
<li class="footer-ol-item mb-16">
<div class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
</li>
<li class="footer-ol-item mb-16">
</div>
<div class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
</li>
<li class="footer-ol-item" id="qq_group">
</div>
<div class="footer-ol-item" id="qq_group">
<i class="txt-4001624 txt">QQ group</i>
<div class="group_code">
<img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="Group：546574618">
<i class="group_num">Group：546574618</i>
<i class="lower_triangle"></i>
</div>
</li>
</div>
</li>
</ol>
</li>

23
public/site/en/log.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<title>DooTask</title>
<meta name="google" value="notranslate">
<meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier."">
<meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier.">
<meta name="keywords" content="China DooTask Task management Lightweight Hitosea Teamwork">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="../img/favicon.ico">
@ -68,15 +68,15 @@
<i class="nav-r-icon theme_light" onclick="setTheme('dark')">
<img src="../img/drak.svg" alt="Dark theme">
</i>
<a href="https://github.com/kuaifan/dootask" target="_blank">
<a href="https://github.com/kuaifan/dootask">
<i class="nav-r-icon">
<img src="../img/github.svg" alt="github">
</i>
</a>
<i class="line-1"></i>
<span class="get-started">
<a href="https://www.dootask.com/manage/dashboard" target="_blank">
<button class="btn btn-primary" >Experience it now</button>
<a href="https://www.dootask.com/manage/dashboard">
<button class="btn btn-primary" >Try Now</button>
</a>
</span>
</div>
@ -167,9 +167,9 @@
</ol>
</li>
<li class="drawer-item-b">
<li class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">Log In</a>
</li>
<div class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">Try Now</a>
</div>
</li>
</ul>
</div>
@ -191,6 +191,7 @@
<div class="logs-r">
<h1 class="txt-6003645 logs-h1 mb-36">DooTask Update Log </h1>
<ul class="logs-r-ul"></ul>
</div>
</div>
</div>
</article>
@ -238,7 +239,7 @@ const domHandle = (html)=>{
const rlog = document.querySelector('.logs-l-1920');
const rlog2 = document.querySelector('.logs-l-768');
const versions = html.match(/<h2>(.*?)<\/h2>/g).slice(0, 10);
const versionsNumbers = versions.map(str => str.split('<h2>[')[1].split(']</h2>')[0]);
for (let i = 0; i < versionsNumbers.length; i++) {
const updatesHtml = html.split(versionsNumbers[i])[1].split('<h2>')[0].match(/<li>(.*?)<\/li>/g);
@ -259,7 +260,7 @@ const domHandle = (html)=>{
`;
rlog.appendChild(rLi);
rlog2.appendChild(rLi2);
const li = document.createElement('li');
li.className = 'r-ul-item mb-36';
li.innerHTML = `
@ -271,7 +272,7 @@ const domHandle = (html)=>{
getUpdatesFromHtml(updatesHtmlText,li)
}
let updateLogNum = localStorage.getItem('update_log_num')
/* logs点击激活函数 */
/* logs点击激活函数 */
let isThrottled = false;
let timerId;
const logs_tabs = document.querySelector('.logs-l-1920');
@ -348,4 +349,4 @@ if(!logs) {
domHandle(logs)
}
</script>
</html>
</html>

70
public/site/en/price.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<title>DooTask</title>
<meta name="google" value="notranslate">
<meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier."">
<meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier.">
<meta name="keywords" content="China DooTask Task management Lightweight Hitosea Teamwork">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="../img/favicon.ico">
@ -82,15 +82,15 @@
<i class="nav-r-icon theme_light" onclick="setTheme('dark')">
<img src="../img/drak.svg" alt="Dark theme">
</i>
<a href="https://github.com/kuaifan/dootask" target="_blank">
<a href="https://github.com/kuaifan/dootask">
<i class="nav-r-icon">
<img src="../img/github.svg" alt="github">
</i>
</a>
<i class="line-1"></i>
<span class="get-started">
<a href="https://www.dootask.com/manage/dashboard" target="_blank">
<button class="btn btn-primary" >Experience it now</button>
<a href="https://www.dootask.com/manage/dashboard">
<button class="btn btn-primary" >Try Now</button>
</a>
</span>
</div>
@ -114,7 +114,7 @@
<i class="txt-5001628 price-card-unit">/month</i>
</div>
<h6 class="txt-4001624 price-card-h6 mb-24" style="height: 48px;">No limit to the number of people</h6>
<a href="https://github.com/kuaifan/dootask/tree/v0.13.0" target="_blank" class="start_a" > <button class="btn btn-green mb-24">Deploy Now</button> </a>
<a href="https://github.com/kuaifan/dootask/tree/v0.13.0" class="start_a" > <button class="btn btn-green mb-24">Deploy Now</button> </a>
<ol class="price-card-ol">
<li class="price-card-ol-item mb-12">
<img class="icon mr-12" src="../img/price_icon1.svg" alt="Support for private deployment">
@ -129,7 +129,7 @@
<i class="txt-5001628 price-card-unit">/month</i>
</div>
<h6 class="txt-4001624 price-card-h6 mb-24" style="height: 48px;">Up to 3 persons</h6>
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank" class="start_a">
<a href="https://github.com/kuaifan/dootask/tree/pro" class="start_a">
<button class="btn btn-green mb-24">Deploy Now</button> </a>
<ol class="price-card-ol">
<li class="price-card-ol-item mb-12">
@ -280,9 +280,9 @@
</ol>
</li>
<li class="drawer-item-b">
<li class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">Log In</a>
</li>
<div class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">Try Now</a>
</div>
</li>
</ul>
</div>
@ -310,7 +310,7 @@
<i class="txt-5001628 price-card-unit">/month</i>
</div>
<span class="plans-ul-b-item-btn">
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank"> <button class="btn btn-primary">Deploy Now</button></a>
<a href="https://github.com/kuaifan/dootask/tree/pro"> <button class="btn btn-primary">Deploy Now</button></a>
</span>
</div>
<div class="plans-ul-t-item-h4">
@ -427,7 +427,7 @@
<h4 class="plans-ul-t-item-h4"></h4>
<div class="plans-ul-t-item-h4">
<span class="plans-ul-b-item-btn">
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank"> <button class="btn btn-primary">Deploy Now</button></a>
<a href="https://github.com/kuaifan/dootask/tree/pro"> <button class="btn btn-primary">Deploy Now</button></a>
</span>
</div>
<div class="plans-ul-t-item-h4">
@ -509,13 +509,15 @@
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
</div>
</li>
<div class="price-card-money mb-16">
<li class="price-card-money mb-16">
<h2 class="txt-6002430 price-card-h2">¥0</h2>
<i class="txt-5001528 price-card-unit">/month</i>
</div>
<span style="display: inline-block; width: 100%;">
<a href="https://www.dootask.com/manage/dashboard" target="_blank"> <button class="btn btn-primary">Get Started</button></a>
</span>
</li>
<li>
<span style="display: inline-block; width: 100%;">
<a href="https://www.dootask.com/manage/dashboard"> <button class="btn btn-primary">Get Started</button></a>
</span>
</li>
</ol>
</li>
<li class="plans-ul-768-item mb-36">
@ -584,13 +586,15 @@
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
</div>
</li>
<div class="price-card-money mb-16">
<li class="price-card-money mb-16">
<h2 class="txt-6002430 price-card-h2">¥3,000</h2>
<i class="txt-5001528 price-card-unit">/year</i>
</div>
<span style="display: inline-block; width: 100%;">
<a href="https://www.dootask.com/manage/dashboard" target="_blank"> <button class="btn btn-primary">Get Started</button></a>
</span>
</li>
<li>
<span style="display: inline-block; width: 100%;">
<a href="https://www.dootask.com/manage/dashboard"> <button class="btn btn-primary">Get Started</button></a>
</span>
</li>
</ol>
</li>
<li class="plans-ul-768-item mb-24">
@ -659,12 +663,14 @@
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="Timeline view (Gantt chart)">
</div>
</li>
<div class="price-card-money mb-16">
<li class="price-card-money mb-16">
<h2 class="txt-6002430 price-card-h2">¥18,888</h2>
</div>
<span style="display: inline-block; width: 100%;">
<a href="https://www.dootask.com/manage/dashboard" target="_blank"> <button class="btn btn-primary">Get Started</button></a>
</span>
</li>
<li>
<span style="display: inline-block; width: 100%;">
<a href="https://www.dootask.com/manage/dashboard"> <button class="btn btn-primary">Get Started</button></a>
</span>
</li>
</ol>
</li>
</ul>
@ -718,20 +724,20 @@
<ol class="footer-r-ol">
<li class="footer-ol-item txt-5001624 mb-24">Community</li>
<li class="footer-ol-item">
<li class="footer-ol-item mb-16">
<div class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
</li>
<li class="footer-ol-item mb-16">
</div>
<div class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
</li>
<li class="footer-ol-item" id="qq_group">
</div>
<div class="footer-ol-item" id="qq_group">
<i class="txt-4001624 txt">QQ Group</i>
<div class="group_code">
<img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="Group：546574618">
<i class="group_num">Group：546574618</i>
<i class="lower_triangle"></i>
</div>
</li>
</div>
</li>
</ol>
</li>

44
public/site/en/product.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<title>DooTask</title>
<meta name="google" value="notranslate">
<meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier."">
<meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier.">
<meta name="keywords" content="China DooTask Task management Lightweight Hitosea Teamwork">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="../img/favicon.ico">
@ -68,15 +68,15 @@
<i class="nav-r-icon theme_light" onclick="setTheme('dark')">
<img src="../img/drak.svg" alt="Dark theme">
</i>
<a href="https://github.com/kuaifan/dootask" target="_blank">
<a href="https://github.com/kuaifan/dootask">
<i class="nav-r-icon">
<img src="../img/github.svg" alt="github">
</i>
</a>
<i class="line-1"></i>
<span class="get-started">
<a href="https://www.dootask.com/manage/dashboard" target="_blank">
<button class="btn btn-primary" >Experience it now</button>
<a href="https://www.dootask.com/manage/dashboard">
<button class="btn btn-primary" >Try Now</button>
</a>
</span>
</div>
@ -94,7 +94,7 @@
<h4 class="txt-4001830 topics-h4 mb-32 topics-h4-en">The product brings together various document collaboration, online mind mapping, online flowcharting, project management, task distribution, instant IM, document management and other functions</h4>
<div class="topics-btn flex-cc">
<span class="mr-24 get-started">
<a href="./price.html" target="_blank">
<a href="./price.html" >
<button class="btn btn-primary mr-20">Get Started</button>
</a>
</span>
@ -104,9 +104,11 @@
</div>
<div class="prooduct-con">
<ul class="prooduct-list">
<i class="prev" onclick="prevHandle()">
<img src="../img/prev.svg" alt="One product, many powerful tools">
</i>
<li>
<i class="prev" onclick="prevHandle()">
<img src="../img/prev.svg" alt="One product, many powerful tools">
</i>
</li>
<!-- 2个item -->
<li class="prooduct-list-item top active" style="--delay: 0s;">
<img class="icon first-icon" src="../img/product_icons0_h.svg" alt="Co-creation">
@ -152,9 +154,11 @@
<img class="icon" src="../img/product_icons8.svg" alt="Multi-platform">
<h3 class="txt-4002025 txt">Multi-platform</h3>
</li>
<i class="next" onclick="nextHandle()">
<img src="../img/next.svg" alt="One product, many powerful tools">
</i>
<li>
<i class="next" onclick="nextHandle()">
<img src="../img/next.svg" alt="One product, many powerful tools">
</i>
</li>
</ul>
<ul class="prooduct-ul">
<li class="details active">
@ -453,9 +457,9 @@
</ol>
</li>
<li class="drawer-item-b">
<li class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">Log In</a>
</li>
<div class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">Try Now</a>
</div>
</li>
</ul>
</div>
@ -583,20 +587,20 @@
<ol class="footer-r-ol">
<li class="footer-ol-item txt-5001624 mb-24">Community</li>
<li class="footer-ol-item">
<li class="footer-ol-item mb-16">
<div class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
</li>
<li class="footer-ol-item mb-16">
</div>
<div class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
</li>
<li class="footer-ol-item" id="qq_group">
</div>
<div class="footer-ol-item" id="qq_group">
<i class="txt-4001624 txt">QQ group</i>
<div class="group_code">
<img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="Group：546574618">
<i class="group_num">Group：546574618</i>
<i class="lower_triangle"></i>
</div>
</li>
</div>
</li>
</ol>
</li>

28
public/site/en/solutions.html
View File

@ -4,7 +4,7 @@
<meta charset="UTF-8">
<title>DooTask</title>
<meta name="google" value="notranslate">
<meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier."">
<meta name="description" content="Lightweight open source online project task management tool to help teams efficiently advance their projects and make work easier.">
<meta name="keywords" content="China DooTask Task management Lightweight Hitosea Teamwork">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="../img/favicon.ico">
@ -68,15 +68,15 @@
<i class="nav-r-icon theme_light" onclick="setTheme('dark')">
<img src="../img/drak.svg" alt="Dark theme">
</i>
<a href="https://github.com/kuaifan/dootask" target="_blank">
<a href="https://github.com/kuaifan/dootask">
<i class="nav-r-icon">
<img src="../img/github.svg" alt="github">
</i>
</a>
<i class="line-1"></i>
<span class="get-started">
<a href="https://www.dootask.com/manage/dashboard" target="_blank">
<button class="btn btn-primary" >Experience it now</button>
<a href="https://www.dootask.com/manage/dashboard">
<button class="btn btn-primary" >Try Now</button>
</a>
</span>
</div>
@ -94,7 +94,7 @@
<h4 class="txt-4001830 topics-h4 mb-32 topics-h4-en">DooTask offers a range of solutions based on different scenarios so that you can quickly start collaborating with your team or department</h4>
<div class="flex-cc topics-btn">
<span class="mr-24 get-started">
<a href="./price.html" target="_blank">
<a href="./price.html" >
<button class="btn btn-primary mr-20">Get Started</button>
</a>
</span>
@ -172,9 +172,9 @@
</ol>
</li>
<li class="drawer-item-b">
<li class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">Log In</a>
</li>
<div class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">Try Now</a>
</div>
</li>
</ul>
</div>
@ -294,20 +294,20 @@
<ol class="footer-r-ol">
<li class="footer-ol-item txt-5001624 mb-24">Community</li>
<li class="footer-ol-item">
<li class="footer-ol-item mb-16">
<div class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
</li>
<li class="footer-ol-item mb-16">
</div>
<div class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
</li>
<li class="footer-ol-item" id="qq_group">
</div>
<div class="footer-ol-item" id="qq_group">
<i class="txt-4001624 txt">QQ group</i>
<div class="group_code">
<img class="code-svg" id="home_code" src="../img/light/home_code.svg" alt="Group：546574618">
<i class="group_num">Group：546574618</i>
<i class="lower_triangle"></i>
</div>
</li>
</div>
</li>
</ol>
</li>

BIN
public/site/img/loading.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.4 KiB

22
public/site/index.html
View File

@ -68,14 +68,14 @@
<i class="nav-r-icon theme_light" onclick="setTheme('dark')">
<img src="img/drak.svg" alt="暗黑主题">
</i>
<a href="https://github.com/kuaifan/dootask" target="_blank">
<a href="https://github.com/kuaifan/dootask">
<i class="nav-r-icon">
<img src="img/github.svg" alt="github">
</i>
</a>
<i class="line-1"></i>
<span class="get-started">
<a href="https://www.dootask.com/manage/dashboard" target="_blank">
<a href="https://www.dootask.com/manage/dashboard">
<button class="btn btn-primary" >立即体验</button>
</a>
</span>
@ -183,9 +183,9 @@
</ol>
</li>
<li class="drawer-item-b">
<li class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">登录</a>
</li>
<div class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">立即体验</a>
</div>
</li>
</ul>
</div>
@ -473,20 +473,20 @@
<ol class="footer-r-ol">
<li class="footer-ol-item txt-5001624 mb-24">社区</li>
<li class="footer-ol-item">
<li class="footer-ol-item mb-16">
<div class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
</li>
<li class="footer-ol-item mb-16">
</div>
<div class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
</li>
<li class="footer-ol-item" id="qq_group">
</div>
<div class="footer-ol-item" id="qq_group">
<i class="txt-4001624 txt">QQ 群</i>
<div class="group_code">
<img class="code-svg" id="home_code" src="img/qq_code.jpg" alt="群号：546574618">
<i class="group_num">群号：546574618</i>
<i class="lower_triangle"></i>
</div>
</li>
</div>
</li>
</ol>
</li>

59
public/site/zh/about.html
View File

@ -68,14 +68,14 @@
<i class="nav-r-icon theme_light" onclick="setTheme('dark')">
<img src="../img/drak.svg" alt="暗黑主题">
</i>
<a href="https://github.com/kuaifan/dootask" target="_blank">
<a href="https://github.com/kuaifan/dootask">
<i class="nav-r-icon">
<img src="../img/github.svg" alt="github">
</i>
</a>
<i class="line-1"></i>
<span class="get-started">
<a href="https://www.dootask.com/manage/dashboard" target="_blank">
<a href="https://www.dootask.com/manage/dashboard">
<button class="btn btn-primary" >立即体验</button>
</a>
</span>
@ -201,9 +201,9 @@
</ol>
</li>
<li class="drawer-item-b">
<li class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">登录</a>
</li>
<div class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">立即体验</a>
</div>
</li>
</ul>
</div>
@ -265,7 +265,7 @@
</div>
<div class="footer-t-contact">
<img class="footer-t-contact-icon mr-12" src="../img/about_icon2.svg" alt="邮箱,service@hitosea.com">
<h6 class="footer-t-contact-h6">hservice@hitosea.com</h6>
<h6 class="footer-t-contact-h6">service@hitosea.com</h6>
</div>
</div>
<form class="from">
@ -278,13 +278,14 @@
<i class="from-ul-tags mb-8">邮箱</i>
<input id="email" class="input" type="text" placeholder="请输入邮箱">
</li>
<li class="from-ul-item mb-16">
<li class="from-ul-item mb-16" id="desc_wrap">
<i class="from-ul-tags mb-8">留言</i>
<textarea id="desc" class="textarea" cols="3" rows="8" placeholder="选填"></textarea>
<textarea id="desc" class="textarea" cols="3" rows="8" placeholder="选填" oninput="limitCharacters( 255)"></textarea>
<p id="characterCount">0/255</p>
</li>
<li>
<span class="from-submit">
<button class="btn btn-primary" type="button" onclick="sendFormRequest()">提交</button>
<button id="loadingWrap" class="btn btn-primary" type="button" onclick="sendFormRequest()"><img id="submitLoading" alt="" src="../img/loading.png" />提交</button>
</span>
</li>
</ul>
@ -336,25 +337,25 @@
</ol>
</li>
<li class="footer-r-item">
<ol class="footer-r-ol">
<ul class="footer-r-ol">
<li class="footer-ol-item txt-5001624 mb-24">社区</li>
<li class="footer-ol-item">
<li class="footer-ol-item mb-16">
<div class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
</li>
<li class="footer-ol-item mb-16">
</div>
<div class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
</li>
<li class="footer-ol-item" id="qq_group">
</div>
<div class="footer-ol-item" id="qq_group">
<i class="txt-4001624 txt">QQ 群</i>
<div class="group_code">
<img class="code-svg" id="home_code" src="../img/qq_code.jpg" alt="群号：546574618">
<i class="group_num">群号：546574618</i>
<i class="lower_triangle"></i>
</div>
</li>
</div>
</li>
</ol>
</ul>
</li>
</ul>
</div>
@ -369,7 +370,7 @@
<script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.6/axios.js"></script>
<script src="../js/common.js"></script>
<script>
/* 数字滚动动画 */
/* 数字滚动动画 */
const companyYearEl = document.querySelector('.company-year');
const companyAreaEl = document.querySelector('.company-area');
const companySizeEl = document.querySelector('.company-size');
@ -410,7 +411,7 @@
areaTimerId = setInterval(updateAreaNumber, 1);
sizeTimerId = setInterval(updateSizeNumber, 1);
}
/* 滑动到可视区域执行动画 */
/* 滑动到可视区域执行动画 */
const boxes = document.querySelectorAll('.about-animate-box');
let timerId = null
const animateBoxes = ()=> {
@ -426,6 +427,16 @@
}
});
}
/* 限制表单textarea字符数 */
function limitCharacters( maxCharacters) {
const textarea = document.getElementById("desc")
let text = textarea.value;
if (text.length > maxCharacters) {
textarea.value = text.slice(0, maxCharacters); // 截断文本
text = textarea.value;
}
document.getElementById('characterCount').textContent = `${text.length}/${maxCharacters}`;
}
/* 显示/隐藏提示弹框 */
function showBox(text){
const box = document.querySelector('.BulletBox')
@ -464,21 +475,25 @@
`,
"silence": "no"
};
document.getElementById("submitLoading").style.display = "block"
axios.post(url, data, { headers })
.then(response => {
form.reset()
document.getElementById("submitLoading").style.display = "none"
limitCharacters(255)
showBox('提交成功！')
})
.catch(error => {
form.reset()
document.getElementById("submitLoading").style.display = "none"
limitCharacters(255)
showBox(error.message)
});
}
}
}
window.addEventListener('scroll', animateBoxes);
animateBoxes();
</script>
</html>
</html>

81
public/site/zh/download.html
View File

@ -68,14 +68,14 @@
<i class="nav-r-icon theme_light" onclick="setTheme('dark')">
<img src="../img/drak.svg" alt="暗黑主题">
</i>
<a href="https://github.com/kuaifan/dootask" target="_blank">
<a href="https://github.com/kuaifan/dootask">
<i class="nav-r-icon">
<img src="../img/github.svg" alt="github">
</i>
</a>
<i class="line-1"></i>
<span class="get-started">
<a href="https://www.dootask.com/manage/dashboard" target="_blank">
<a href="https://www.dootask.com/manage/dashboard">
<button class="btn btn-primary" >立即体验</button>
</a>
</span>
@ -108,10 +108,10 @@
<img class="icon mb-8" src="../img/dow_android.svg" alt="Android">
<i class="txt-4001624 txt">Android</i>
</a>
<div class="hover">
<div class="mb-12" id="qrcode" style="width: 100px;height: 100px;"></div>
<i class="txt-4001624 txt">扫描下载</i>
</div>
<a class="hover radius" id="winx64Link" href="https://www.dootask.com/desktop/publish/latest?platform=android" target="_blank">
<img class="icon mb-8" src="../img/dow_icon.svg" alt="Android,下载">
<i class="txt-4001624 txt">下载</i>
</a>
</li>
<li class="download-ul-item dow-animate-box" style="--delay: 0.2s;" onmouseover='handleMouseover(2)' onmouseout='handleMouseout(2)'>
<div class="normal">
@ -120,10 +120,10 @@
</div>
<div class="hover radius">
<button class="btn btn-green mb-12" style="width: 70%;">
<a class="chips-txt txt-4001418" id="arm64Link" href="https://www.dootask.com/uploads/desktop/0.27.46/DooTask-v0.27.46-mac-arm64.dmg">Apple Chips</a>
<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>
</button>
<button class="btn btn-green" style="width: 70%;">
<a class="chips-txt txt-4001418" id="x64Link" href="https://www.dootask.com/uploads/desktop/0.27.46/DooTask-v0.27.46-mac-x64.dmg">Intel Chips</a>
<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>
</button>
</div>
</li>
@ -132,7 +132,7 @@
<img class="icon mb-8" src="../img/dow_window.svg" alt="Windows">
<i class="txt-4001624 txt">Windows</i>
</p>
<a class="hover radius" id="winx64Link" href="https://www.dootask.com/uploads/desktop/0.27.46/DooTask-v0.27.46-win-x64.exe">
<a class="hover radius" id="winx64Link" href="https://www.dootask.com/desktop/publish/latest?platform=windows&arch=x64" target="_blank">
<img class="icon mb-8" src="../img/dow_icon.svg" alt="Windows,下载">
<i class="txt-4001624 txt">下载</i>
</a>
@ -211,9 +211,9 @@
</ol>
</li>
<li class="drawer-item-b">
<li class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">登录</a>
</li>
<div class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">立即体验</a>
</div>
</li>
</ul>
</div>
@ -227,7 +227,7 @@
<div class="update-l">
<h1 class="txt-4003645 update-h1 mb-36">更新日志</h1>
<ul class="update-ul">
<div id="releases"></div>
<li id="releases"></li>
<li>
<a href="../zh/log.html" class="more-item">
<h5 class="txt-4001624 more">更多日志</h5>
@ -289,20 +289,20 @@
<ol class="footer-r-ol">
<li class="footer-ol-item txt-5001624 mb-24">社区</li>
<li class="footer-ol-item">
<li class="footer-ol-item mb-16">
<div class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
</li>
<li class="footer-ol-item mb-16">
</div>
<div class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
</li>
<li class="footer-ol-item" id="qq_group">
</div>
<div class="footer-ol-item" id="qq_group">
<i class="txt-4001624 txt">QQ 群</i>
<div class="group_code">
<img class="code-svg" id="home_code" src="../img/qq_code.jpg" alt="群号：546574618">
<i class="group_num">群号：546574618</i>
<i class="lower_triangle"></i>
</div>
</li>
</div>
</li>
</ol>
</li>
@ -319,7 +319,7 @@
<script src="https://cdn.bootcdn.net/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
<script src="../js/common.js"></script>
<script>
/* 下载应用的hover处理函数 */
/* 下载应用的hover处理函数 */
const download = document.querySelector('.download-ul');
const downloadItems = download.querySelectorAll('.download-ul-item');
const handleMouseover = (val)=>{
@ -343,42 +343,7 @@ const getItem = (key)=> {
}
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_zh')
const updates = document.getElementById('releases');
if(!logsItem) {
fetch('https://api.github.com/repos/kuaifan/dootask/releases')
.then(response => response.json())
.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 { 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_zh', JSON.stringify(record))
updates.innerHTML = releases;
})
.catch(error => {
console.error(error);
})
}else{
updates.innerHTML = logsItem;
}
/* 滑动到可视区域执行动画 */
/* 滑动到可视区域执行动画 */
const boxes = document.querySelectorAll('.dow-animate-box');
const animateBoxes = ()=> {
boxes.forEach(box => {
@ -392,7 +357,7 @@ const animateBoxes = ()=> {
window.addEventListener('scroll', animateBoxes);
animateBoxes();
/* 生成网页二维码二维码 */
/* 生成网页二维码二维码 */
if(window.location.host !== ''){
const url = window.location.href;
const matchResult = url.match(/^(.*?)(?=\/site)/);
@ -400,4 +365,4 @@ if(window.location.host !== ''){
new QRCode(document.getElementById('qrcode'), `${result}/site/zh/distribute.html`); // 测试
}
</script>
</html>
</html>

13
public/site/zh/help.html
View File

@ -68,14 +68,14 @@
<i class="nav-r-icon theme_light" onclick="setTheme('dark')">
<img src="../img/drak.svg" alt="暗黑主题">
</i>
<a href="https://github.com/kuaifan/dootask" target="_blank">
<a href="https://github.com/kuaifan/dootask">
<i class="nav-r-icon">
<img src="../img/github.svg" alt="github">
</i>
</a>
<i class="line-1"></i>
<span class="get-started">
<a href="https://www.dootask.com/manage/dashboard" target="_blank">
<a href="https://www.dootask.com/manage/dashboard">
<button class="btn btn-primary" >立即体验</button>
</a>
</span>
@ -249,9 +249,9 @@
</ol>
</li>
<li class="drawer-item-b">
<li class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">登录</a>
</li>
<div class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">立即体验</a>
</div>
</li>
</ul>
</div>
@ -453,7 +453,6 @@
<i class="lower_triangle"></i>
</div>
</li>
</li>
</ol>
</li>
</ul>
@ -489,4 +488,4 @@ const closeHelpDraweHandle = ()=>{
helpDrawer.classList.remove('open-help-drawer');
}
</script>
</html>
</html>

30
public/site/zh/index.html
View File

@ -57,8 +57,8 @@
<li class="lang-pop-item" onclick="changeLanguage('zh')">
<i class="lang-txt">简体中文</i>
</li>
<li class="lang-pop-item" onclick="changeLanguage('en')">
<i class="lang-txt" >English</i>
<li class="lang-pop-item" onclick="changeLanguage('en')">
<i class="lang-txt" >English</i>
</li>
</ul>
</div>
@ -68,14 +68,14 @@
<i class="nav-r-icon theme_light" onclick="setTheme('dark')">
<img src="../img/drak.svg" alt="暗黑主题">
</i>
<a href="https://github.com/kuaifan/dootask" target="_blank">
<a href="https://github.com/kuaifan/dootask">
<i class="nav-r-icon">
<img src="../img/github.svg" alt="github">
</i>
</a>
<i class="line-1"></i>
<span class="get-started">
<a href="https://www.dootask.com/manage/dashboard" target="_blank">
<a href="https://www.dootask.com/manage/dashboard">
<button class="btn btn-primary" >立即体验</button>
</a>
</span>
@ -182,9 +182,9 @@
</ol>
</li>
<li class="drawer-item-b">
<li class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">登录</a>
</li>
<div class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">立即体验</a>
</div>
</li>
</ul>
</div>
@ -469,25 +469,25 @@
</ol>
</li>
<li class="footer-r-item">
<ol class="footer-r-ol">
<ul class="footer-r-ol">
<li class="footer-ol-item txt-5001624 mb-24">社区</li>
<li class="footer-ol-item">
<li class="footer-ol-item mb-16">
<div class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
</li>
<li class="footer-ol-item mb-16">
</div>
<div class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
</li>
<li class="footer-ol-item" id="qq_group">
</div>
<div class="footer-ol-item" id="qq_group">
<i class="txt-4001624 txt">QQ 群</i>
<div class="group_code">
<img class="code-svg" id="home_code" src="../img/qq_code.jpg" alt="群号：546574618">
<i class="group_num">群号：546574618</i>
<i class="lower_triangle"></i>
</div>
</li>
</div>
</li>
</ol>
</ul>
</li>
</ul>
</div>

15
public/site/zh/log.html
View File

@ -68,14 +68,14 @@
<i class="nav-r-icon theme_light" onclick="setTheme('dark')">
<img src="../img/drak.svg" alt="暗黑主题">
</i>
<a href="https://github.com/kuaifan/dootask" target="_blank">
<a href="https://github.com/kuaifan/dootask">
<i class="nav-r-icon">
<img src="../img/github.svg" alt="github">
</i>
</a>
<i class="line-1"></i>
<span class="get-started">
<a href="https://www.dootask.com/manage/dashboard" target="_blank">
<a href="https://www.dootask.com/manage/dashboard">
<button class="btn btn-primary" >立即体验</button>
</a>
</span>
@ -167,9 +167,9 @@
</ol>
</li>
<li class="drawer-item-b">
<li class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">登录</a>
</li>
<div class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">立即体验</a>
</div>
</li>
</ul>
</div>
@ -256,18 +256,17 @@ const domHandle = (html)=>{
logsDrawer.classList.remove('open-logs-drawer');
});
rLi2.innerHTML = `
<a class="txt-4001620 txt" href="#section-${i+1}">v${versionsNumbers[i]} 更新</a>
<a class="txt-4001620 txt" href="#section-${i+1}" >v${versionsNumbers[i]} 更新</a>
`;
rlog.appendChild(rLi);
rlog2.appendChild(rLi2);
const li = document.createElement('li');
li.className = 'r-ul-item mb-36';
li.innerHTML = `
<ol class="logs-r-ol">
<li class="txt-4001624 r-ol-item mb-24"><h4 class="logs-h4" id="section-${i+1}">v${versionsNumbers[i]} 更新</h4></li>
</ol>
`;
`
changelog.appendChild(li);
getUpdatesFromHtml(updatesHtmlText,li)
}

66
public/site/zh/price.html
View File

@ -82,14 +82,14 @@
<i class="nav-r-icon theme_light" onclick="setTheme('dark')">
<img src="../img/drak.svg" alt="暗黑主题">
</i>
<a href="https://github.com/kuaifan/dootask" target="_blank">
<a href="https://github.com/kuaifan/dootask">
<i class="nav-r-icon">
<img src="../img/github.svg" alt="github">
</i>
</a>
<i class="line-1"></i>
<span class="get-started">
<a href="https://www.dootask.com/manage/dashboard" target="_blank">
<a href="https://www.dootask.com/manage/dashboard">
<button class="btn btn-primary" >立即体验</button>
</a>
</span>
@ -114,7 +114,7 @@
<i class="txt-5001628 price-card-unit">/月</i>
</div>
<h6 class="txt-4001624 price-card-h6 mb-24" style="height: 48px;">人数无限制</h6>
<a href="https://github.com/kuaifan/dootask/tree/v0.13.0" class="start_a" target="_blank">
<a href="https://github.com/kuaifan/dootask/tree/v0.13.0" class="start_a">
<button class="btn btn-green mb-24 ">立即部署</button> </a>
<ol class="price-card-ol">
<li class="price-card-ol-item mb-12">
@ -130,7 +130,7 @@
<i class="txt-5001628 price-card-unit">/月</i>
</div>
<h6 class="txt-4001624 price-card-h6 mb-24" style="height: 48px;">最多3人</h6>
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank" class="start_a">
<a href="https://github.com/kuaifan/dootask/tree/pro" class="start_a">
<button class="btn btn-green mb-24">立即部署</button> </a>
<ol class="price-card-ol">
<li class="price-card-ol-item mb-12">
@ -281,9 +281,9 @@
</ol>
</li>
<li class="drawer-item-b">
<li class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">登录</a>
</li>
<div class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">立即体验</a>
</div>
</li>
</ul>
</div>
@ -311,7 +311,7 @@
<i class="txt-5001628 price-card-unit">/月</i>
</div>
<span class="plans-ul-b-item-btn">
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank"> <button class="btn btn-primary">立即部署</button> </a>
<a href="https://github.com/kuaifan/dootask/tree/pro"> <button class="btn btn-primary">立即部署</button> </a>
</span>
</div>
<div class="plans-ul-t-item-h4">
@ -428,7 +428,7 @@
<h4 class="plans-ul-t-item-h4"></h4>
<div class="plans-ul-t-item-h4">
<span class="plans-ul-b-item-btn">
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank"> <button class="btn btn-primary">立即部署</button> </a>
<a href="https://github.com/kuaifan/dootask/tree/pro"> <button class="btn btn-primary">立即部署</button> </a>
</span>
</div>
<div class="plans-ul-t-item-h4">
@ -510,13 +510,15 @@
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="时间轴视图（甘特图）">
</div>
</li>
<div class="price-card-money mb-16">
<li class="price-card-money mb-16">
<h2 class="txt-6002430 price-card-h2">¥0</h2>
<i class="txt-5001528 price-card-unit">/月</i>
</div>
<span style="display: inline-block; width: 100%;">
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank" class="start_a"> <button class="btn btn-primary">立即部署</button> </a>
</span>
</li>
<li>
<span style="display: inline-block; width: 100%;">
<a href="https://github.com/kuaifan/dootask/tree/pro" class="start_a"> <button class="btn btn-primary">立即部署</button> </a>
</span>
</li>
</ol>
</li>
<li class="plans-ul-768-item mb-36">
@ -585,13 +587,15 @@
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="时间轴视图（甘特图）">
</div>
</li>
<div class="price-card-money mb-16">
<li class="price-card-money mb-16">
<h2 class="txt-6002430 price-card-h2">¥3,000</h2>
<i class="txt-5001528 price-card-unit">/年</i>
</div>
<span style="display: inline-block; width: 100%;">
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank"> <button class="btn btn-primary">立即部署</button> </a>
</span>
</li>
<li>
<span style="display: inline-block; width: 100%;">
<a href="https://github.com/kuaifan/dootask/tree/pro"> <button class="btn btn-primary">立即部署</button> </a>
</span>
</li>
</ol>
</li>
<li class="plans-ul-768-item mb-24">
@ -660,12 +664,14 @@
<img class="plans-ol-item-icon" src="../img/price_icon1.svg" alt="时间轴视图（甘特图）">
</div>
</li>
<div class="price-card-money mb-16">
<li class="price-card-money mb-16">
<h2 class="txt-6002430 price-card-h2">¥18,888</h2>
</div>
<span style="display: inline-block; width: 100%;">
<a href="https://github.com/kuaifan/dootask/tree/pro" target="_blank"> <button class="btn btn-primary">立即部署</button> </a>
</span>
</li>
<li>
<span style="display: inline-block; width: 100%;">
<a href="https://github.com/kuaifan/dootask/tree/pro"> <button class="btn btn-primary">立即部署</button> </a>
</span>
</li>
</ol>
</li>
</ul>
@ -719,20 +725,20 @@
<ol class="footer-r-ol">
<li class="footer-ol-item txt-5001624 mb-24">社区</li>
<li class="footer-ol-item">
<li class="footer-ol-item mb-16">
<div class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
</li>
<li class="footer-ol-item mb-16">
</div>
<div class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
</li>
<li class="footer-ol-item" id="qq_group">
</div>
<div class="footer-ol-item" id="qq_group">
<i class="txt-4001624 txt">QQ 群</i>
<div class="group_code">
<img class="code-svg" id="home_code" src="../img/qq_code.jpg" alt="群号：546574618">
<i class="group_num">群号：546574618</i>
<i class="lower_triangle"></i>
</div>
</li>
</div>
</li>
</ol>
</li>

56
public/site/zh/product.html
View File

@ -68,14 +68,14 @@
<i class="nav-r-icon theme_light" onclick="setTheme('dark')">
<img src="../img/drak.svg" alt="暗黑主题">
</i>
<a href="https://github.com/kuaifan/dootask" target="_blank">
<a href="https://github.com/kuaifan/dootask">
<i class="nav-r-icon">
<img src="../img/github.svg" alt="github">
</i>
</a>
<i class="line-1"></i>
<span class="get-started">
<a href="https://www.dootask.com/manage/dashboard" target="_blank">
<a href="https://www.dootask.com/manage/dashboard">
<button class="btn btn-primary" >立即体验</button>
</a>
</span>
@ -94,7 +94,7 @@
<h4 class="txt-4001830 topics-h4 mb-32" style="width: auto !important;">该产品汇集了各种文档协作、在线思维导图、在线流程图、项目管理、任务分配、即时IM、文档管理等功能。</h4>
<div class="flex-cc topics-btn">
<span class="mr-24 get-started">
<a href="./price.html" target="_blank">
<a href="./price.html">
<button class="btn btn-primary mr-20">开始使用</button>
</a>
</span>
@ -104,57 +104,61 @@
</div>
<div class="prooduct-con">
<ul class="prooduct-list">
<i class="prev" onclick="prevHandle()">
<img src="../img/prev.svg" alt="一个产品，多种强大的工具">
</i>
<li>
<i class="prev" onclick="prevHandle()">
<img src="../img/prev.svg" alt="一个产品，多种强大的工具">
</i>
</li>
<!-- 2个item -->
<li class="prooduct-list-item active top" style="--delay: 0s;">
<img class="icon first-icon" src="../img/product_icons0_h.svg" alt="协同创作">
<h3 class="txt-4002025 txt first-txt">协同创作</h3>
</li>
<!-- 4个item -->
<li class="prooduct-list-item top"style="--delay: 0.1s;">
<li class="prooduct-list-item top" style="--delay: 0.1s;">
<img class="icon" src="../img/product_icons1.svg" alt="即时沟通">
<h3 class="txt-4002025 txt">即时沟通</h3>
</li>
<!-- 4个item -->
<li class="prooduct-list-item top"style="--delay: 0.2s;">
<li class="prooduct-list-item top" style="--delay: 0.2s;">
<img class="icon" src="../img/product_icons2.svg" alt="项目管理">
<h3 class="txt-4002025 txt">项目管理</h3>
</li>
<!-- 1个item -->
<li class="prooduct-list-item top"style="--delay: 0.3s;">
<li class="prooduct-list-item top" style="--delay: 0.3s;">
<img class="icon" src="../img/product_icons3.svg" alt="任务仪表盘">
<h3 class="txt-4002025 txt">任务仪表盘</h3>
</li>
<!-- 2个item -->
<li class="prooduct-list-item top"style="--delay: 0.4s;">
<li class="prooduct-list-item top" style="--delay: 0.4s;">
<img class="icon" src="../img/product_icons4.svg" alt="任务日历">
<h3 class="txt-4002025 txt">任务日历</h3>
</li>
<!-- 2个item -->
<li class="prooduct-list-item bot"style="--delay: 0.5s;">
<li class="prooduct-list-item bot" style="--delay: 0.5s;">
<img class="icon" src="../img/product_icons5.svg" alt="机器人助手">
<h3 class="txt-4002025 txt">机器人助手</h3>
</li>
<!-- 2个item -->
<li class="prooduct-list-item bot"style="--delay: 0.6s;">
<li class="prooduct-list-item bot" style="--delay: 0.6s;">
<img class="icon" src="../img/product_icons6.svg" alt="团队管理">
<h3 class="txt-4002025 txt">团队管理</h3>
</li>
<!-- 2个item -->
<li class="prooduct-list-item bot"style="--delay: 0.7s;">
<li class="prooduct-list-item bot" style="--delay: 0.7s;">
<img class="icon" src="../img/product_icons7.svg" alt="端到端加密">
<h3 class="txt-4002025 txt">端到端加密</h3>
</li>
<!-- 1个item -->
<li class="prooduct-list-item bot"style="--delay: 0.8s;">
<li class="prooduct-list-item bot" style="--delay: 0.8s;">
<img class="icon" src="../img/product_icons8.svg" alt="多平台应用">
<h3 class="txt-4002025 txt">多平台应用</h3>
</li>
<i class="next" onclick="nextHandle()">
<img src="../img/next.svg" alt="一个产品，多种强大的工具">
</i>
<li>
<i class="next" onclick="nextHandle()">
<img src="../img/next.svg" alt="一个产品，多种强大的工具">
</i>
</li>
</ul>
<ul class="prooduct-ul">
<li class="details active">
@ -453,9 +457,9 @@
</ol>
</li>
<li class="drawer-item-b">
<li class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">登录</a>
</li>
<div class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">立即体验</a>
</div>
</li>
</ul>
</div>
@ -585,20 +589,20 @@
<ol class="footer-r-ol">
<li class="footer-ol-item txt-5001624 mb-24">社区</li>
<li class="footer-ol-item">
<li class="footer-ol-item mb-16">
<div class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
</li>
<li class="footer-ol-item mb-16">
</div>
<div class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
</li>
<li class="footer-ol-item" id="qq_group">
</div>
<div class="footer-ol-item" id="qq_group">
<i class="txt-4001624 txt">QQ 群</i>
<div class="group_code">
<img class="code-svg" id="home_code" src="../img/qq_code.jpg" alt="群号：546574618">
<i class="group_num">群号：546574618</i>
<i class="lower_triangle"></i>
</div>
</li>
</div>
</li>
</ol>
</li>

24
public/site/zh/solutions.html
View File

@ -68,14 +68,14 @@
<i class="nav-r-icon theme_light" onclick="setTheme('dark')">
<img src="../img/drak.svg" alt="暗黑主题">
</i>
<a href="https://github.com/kuaifan/dootask" target="_blank">
<a href="https://github.com/kuaifan/dootask">
<i class="nav-r-icon">
<img src="../img/github.svg" alt="github">
</i>
</a>
<i class="line-1"></i>
<span class="get-started">
<a href="https://www.dootask.com/manage/dashboard" target="_blank">
<a href="https://www.dootask.com/manage/dashboard">
<button class="btn btn-primary" >立即体验</button>
</a>
</span>
@ -94,7 +94,7 @@
<h4 class="txt-4001830 topics-h4 mb-32" style="width: auto !important;">DooTask提供了一系列基于不同场景的解决方案，以便您可以快速开始与您的团队或部门合作</h4>
<div class="flex-cc topics-btn">
<span class="mr-24 get-started">
<a href="./price.html" target="_blank">
<a href="./price.html">
<button class="btn btn-primary mr-20">开始使用</button>
</a>
</span>
@ -172,9 +172,9 @@
</ol>
</li>
<li class="drawer-item-b">
<li class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">登录</a>
</li>
<div class="drawer-item">
<a class="txt-4001620 txt" href="https://demo.dootask.com">立即体验</a>
</div>
</li>
</ul>
</div>
@ -295,20 +295,20 @@
<ol class="footer-r-ol">
<li class="footer-ol-item txt-5001624 mb-24">社区</li>
<li class="footer-ol-item">
<li class="footer-ol-item mb-16">
<div class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://github.com/kuaifan/dootask')">Github</i>
</li>
<li class="footer-ol-item mb-16">
</div>
<div class="footer-ol-item mb-16">
<i class="txt-4001624 txt" onclick="openInNewTab('https://gitee.com/aipaw/dootask')">Gitee</i>
</li>
<li class="footer-ol-item" id="qq_group">
</div>
<div class="footer-ol-item" id="qq_group">
<i class="txt-4001624 txt">QQ 群</i>
<div class="group_code">
<img class="code-svg" id="home_code" src="../img/qq_code.jpg" alt="群号：546574618">
<i class="group_num">群号：546574618</i>
<i class="lower_triangle"></i>
</div>
</li>
</div>
</li>
</ol>
</li>