QIDITECH/QIDIStudio
1
0
Fork 0
mirror of https://github.com/QIDITECH/QIDIStudio.git synced 2026-02-06 20:01:49 +03:00
Code Issues Packages Projects Releases Wiki Activity

update resource

Browse Source
This commit is contained in:
wjyLearn
2026-02-05 10:11:22 +08:00
parent a5bd114f00
commit 126fca3520
17 changed files with 386 additions and 84 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
resources/web/homepage3/img/QR_code.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

109
resources/web/homepage3/login.html
View File

@@ -8,7 +8,6 @@
<title class='trans'>Login Guide</title>
<style>
body {
font-family: 'Segoe UI', sans-serif;
line-height: 1.8;
color: #FFFFFF;
margin-top: 0px;
@@ -30,10 +29,10 @@
}
h1 {
font-weight: 300;
font-size: 79px;
margin-bottom: 42px;
margin-top: 20px;
font-weight: 500;
font-size: 59px;
margin-bottom: 67px;
margin-top: 40px;
color: #FFFFFF;
text-align: left;
}
@@ -43,7 +42,7 @@
}
.intro p {
font-size: 24px;
font-size: 19px;
color: #FFFFFF;
line-height: 1.43;
margin: 0;
@@ -61,12 +60,12 @@
background-color: #4459FB;
color: white;
border: none;
padding: 10px 14px 0px;
padding: 7px 14px 0px;
border-radius: 8px;
font-size: 30px;
font-size: 28px;
cursor: pointer;
min-width: 200px;
height: 78px;
height: 60px;
width: 295px;
letter-spacing: 1px;
}
@@ -75,12 +74,12 @@
background-color: #4459FB;
color: white;
border: none;
padding: 16px 14px 10px 18px;
padding: 6px 14px 10px 18px;
border-radius: 8px;
font-size: 30px;
font-size: 28px;
cursor: pointer;
min-width: 180px;
height: 78px;
height: 60px;
width: 300px;
letter-spacing: 1px;
margin-left : 25px;
@@ -107,21 +106,41 @@
padding: 0;
margin-bottom: 8px;
}
.detail-button-container {
display: flex;
justify-content: flex-start;
gap: 20px;
margin: 0px 0;
}
.more-button {
background-color: transparent;
border: 1px solid white;
color: white;
font-size: 18px;
height: 30px;
height: 32px;
width: 105px;
border-radius: 5px;
cursor: pointer;
margin-top: 60px;
margin-top: 68px;
font-weight: 550;
}
.download-button {
background-color: transparent;
border: 1px solid white;
color: white;
font-size: 18px;
height: 32px;
width: 105px;
border-radius: 5px;
cursor: pointer;
margin-left: 50px;
margin-top: 68px;
font-weight: 550;
}
.qrCode {
margin-top: 55px;
}
.faq-section {
margin-top: 40px;
}
@@ -140,20 +159,20 @@
.faq-question {
font-weight: bold;
margin-bottom: 0px;
font-size: 16px;
font-size: 15px;
color: #FFFFFF;
}
.faq-question2 {
font-weight: 900;
margin-bottom: 0px;
font-size: 17px;
font-size: 16px;
color: #FFFFFF;
}
.answer {
margin-bottom: 15px;
}
.faq-answer p {
font-size: 16px;
font-size: 15px;
color: #FFFFFF;
line-height: 1.6;
margin-bottom: 0px;
@@ -169,14 +188,14 @@
.support-title {
font-weight: bold;
margin-bottom: 0px;
font-size: 16px;
font-size: 15px;
color: #FFFFFF;
}
.support-link {
color: #007bff;
text-decoration: none;
font-size: 16px;
font-size: 15px;
display: inline-block;
margin-top: 0px;
margin-bottom: 0px;
@@ -188,7 +207,7 @@
margin-top: 0px;
text-align: left;
color: #FFFFFF;
font-size: 12px;
font-size: 11px;
}
</style>
</head>
@@ -213,11 +232,16 @@
</button>
</div>
<div class="detail-button">
<div class="detail-button-container">
<button class="more-button trans" id="more" tid="t208">
More
</button>
<button class="download-button trans" id="download" tid="t215">
Download
</button>
</div>
<img src="img/QR_code.png" class="qrCode" id = "qrCode" />
<div class = "detail-text" id = "text-detail">
<div class="faq-section" id="faq">
<div class="faq-item">
@@ -255,22 +279,55 @@
}
window.addEventListener('DOMContentLoaded', function() {
TranslatePage();
document.getElementById('qrCode').hidden = true;
document.getElementById('text-detail').hidden = true;
document.getElementById('download').hidden = true;
});
document.getElementById('more').addEventListener('click', function() {
if (this.dataset.clicked) {
this.style.color = 'white';
this.style.borderColor = 'white';
document.getElementById('text-detail').hidden = true;
delete this.dataset.clicked;
} else {
this.style.color = 'blue';
this.style.borderColor = 'blue';
this.dataset.clicked = 'true';
document.getElementById('download').style.borderColor = 'white';
document.getElementById('download').style.color = 'white';
delete document.getElementById('download').dataset.clicked;
document.getElementById('text-detail').hidden = false;
document.getElementById('qrCode').hidden = true;
}
});
document.getElementById('download').addEventListener('click', function() {
if (this.dataset.clicked) {
this.style.color = 'white';
this.style.borderColor = 'white';
document.getElementById('qrCode').hidden = true;
delete this.dataset.clicked;
} else {
this.style.color = 'blue';
this.style.borderColor = 'blue';
this.dataset.clicked = 'true';
document.getElementById('more').style.color = 'white';
document.getElementById('more').style.borderColor = 'white';
delete document.getElementById('more').dataset.clicked;
document.getElementById('text-detail').hidden = true;
document.getElementById('qrCode').hidden = false;
}
});
</script>