Update 7/8

1.Add associate .step/.stp files to QIDISlicer
2.Update the userguide.

resources/web/data/text.js

@@ -11,6 +11,12 @@ var LangText={
 		"t8": "Product Info",
 		"t9": "Contact with us",
 		"t10": "Filament",
+		"t11": "Add Text",
+		"t12": "Cut Model",
+		"t13": "Download Model",
+		"ls1": "You can download 3D models from the following websites.",
+		"ls2": "If you have any questions about the Printer or QIDISlicer, please contact us via the appropriate E-mail address or Skype.",
+		"ls3": "Note: please try to tell us your requirements in the form of video or pictures, and provide 3MF file, G-code file, machine number and other necessary information.",
 	},
 	"zh_CN": {
 		"t0": "欢迎使用QIDISlicer",
@@ -24,6 +30,12 @@ var LangText={
 		"t8": "产品信息",
 		"t9": "与我们联系",
 		"t10": "耗材",
+		"t11": "添加文本",
+		"t12": "切割模型",
+		"t13": "下载模型",
+		"ls1": "您可以从以下网站下载 3D 模型。",
+		"ls2": "如果您对打印机或 QIDISlicer 有任何疑问，请通过相应的电子邮件地址或 Skype 与我们联系。",
+		"ls3": "注：请尽量以视频或图片的形式告诉我们您的需求，并提供3MF文件、G-Code文件、机器编号等必要信息。",
 	},
 	"ja": {
 		"t0": "QIDISlicerへようこそ",
@@ -37,6 +49,12 @@ var LangText={
 		"t8": "製品情報",
 		"t9": "お問い合わせください",
 		"t10": "フィラメント",
+		"t11": "テキストを追加",
+		"t12": "カットモデル",
+		"t13": "モデルをダウンロード",
+		"ls1": "3Dモデルは以下のWebサイトからダウンロードできます。",
+		"ls2": "如果您对打印机或 QIDISlicer 有任何疑问，请通过相应的电子邮件地址或 Skype 与我们联系。",
+		"ls3": "注：请尽量以视频或图片的形式告诉我们您的需求，并提供3MF文件、G-Code文件、机器编号等必要信息。",
 	},
 	"fr": {
 		"t0": "Bienvenue dans QIDISlicer",
@@ -50,6 +68,12 @@ var LangText={
 		"t8": "Informations sur le produit",
 		"t9": "Contactez-nous",
 		"t10": "Filament",
+		"t11": "Ajouter du texte",
+		"t12": "Couper le modèle",
+		"t13": "Télécharger le modèle",
+		"ls1": "Vous pouvez télécharger des modèles 3D à partir des sites Web suivants.",
+		"ls2": "Si vous avez des questions sur l'imprimante ou le QIDISlicer, veuillez nous contacter via l'adresse e-mail appropriée ou via Skype.",
+		"ls3": "Remarque : veuillez essayer de nous indiquer vos besoins sous forme de vidéo ou d'images, et fournir un fichier 3MF, un fichier G-code, un numéro de machine et d'autres informations nécessaires.",
 	},
 	"de": {
 		"t0": "Willkommen bei QIDISlicer",
@@ -63,6 +87,12 @@ var LangText={
 		"t8": "Produktinformationen",
 		"t9": "Kontaktieren Sie uns",
 		"t10": "Filament",
+		"t11": "Text hinzufügen",
+		"t12": "Modell schneiden",
+		"t13": "Modell herunterladen",
+		"ls1": "Sie können 3D-Modelle von den folgenden Websites herunterladen.",
+		"ls2": "Wenn Sie Fragen zum Drucker oder QIDISlicer haben, kontaktieren Sie uns bitte über die entsprechende E-Mail-Adresse oder Skype.",
+		"ls3": "Hinweis: Bitte versuchen Sie, uns Ihre Anforderungen in Form von Videos oder Bildern mitzuteilen und geben Sie die 3MF-Datei, die G-Code-Datei, die Maschinennummer und andere notwendige Informationen an.",
 	},
 	"be": {
 		"t0": "Вітаем у QIDISlicer",
@@ -76,6 +106,12 @@ var LangText={
 		"t8": "Інфармацыя аб прадукце",
 		"t9": "Звязацца з намі",
 		"t10": "Філамент",
+		"t11": "Дадаць тэкст",
+		"t12": "Разрэзаная мадэль",
+		"t13": "Спампаваць мадэль",
+		"ls1": "Вы можаце загрузіць 3D-мадэлі з наступных сайтаў.",
+		"ls2": "Калі ў вас ёсць якія-небудзь пытанні аб прынтары або QIDISlicer, калі ласка, звяжыцеся з намі праз адпаведны адрас электроннай пошты або Skype.",
+		"ls3": "Заўвага: калі ласка, паспрабуйце паведаміць нам свае патрабаванні ў выглядзе відэа ці малюнкаў, а таксама прадаставіць файл 3MF, файл G-кода, нумар машыны і іншую неабходную інфармацыю.",
 	},
 	"ca": {
 		"t0": "Benvingut a QIDISlicer",
@@ -89,6 +125,12 @@ var LangText={
 		"t8": "Informació del producte",
 		"t9": "Contacteu amb nosaltres",
 		"t10": "Filament",
+		"t11": "Afegeix text",
+		"t12": "Tallar el model",
+		"t13": "Baixa el model",
+		"ls1": "Podeu descarregar models 3D dels següents llocs web.",
+		"ls2": "Si teniu cap pregunta sobre la impressora o QIDISlicer, poseu-vos en contacte amb nosaltres mitjançant l'adreça de correu electrònic corresponent o Skype.",
+		"ls3": "Nota: proveu d'indicar-nos els vostres requisits en forma de vídeo o imatges i proporcioneu un fitxer 3MF, un fitxer de codi G, un número de màquina i altra informació necessària.",
 	},
 	"cs": {
 		"t0": "Vítejte v QIDISlicer",
@@ -102,6 +144,12 @@ var LangText={
 		"t8": "Informace o produktu",
 		"t9": "Kontaktujte nás",
 		"t10": "Filament",
+		"t11": "Přidat text",
+		"t12": "Vyříznutý model",
+		"t13": "Stáhnout model",
+		"ls1": "3D modely si můžete stáhnout z následujících webových stránek.",
+		"ls2": "Máte-li jakékoli dotazy týkající se tiskárny nebo QIDISlicer, kontaktujte nás prosím prostřednictvím příslušné e-mailové adresy nebo Skype.",
+		"ls3": "Poznámka: Zkuste nám prosím sdělit své požadavky ve formě videa nebo obrázků a poskytněte soubor 3MF, soubor G-kódu, číslo stroje a další potřebné informace.",
 	},
 	"es": {
 		"t0": "Bienvenido a QIDISlicer",
@@ -115,6 +163,12 @@ var LangText={
 		"t8": "Información del producto",
 		"t9": "Contacta con nosotros",
 		"t10": "Filamento",
+		"t11": "Agregar texto",
+		"t12": "Modelo cortado",
+		"t13": "Descargar Modelo",
+		"ls1": "Puede descargar modelos 3D de los siguientes sitios web.",
+		"ls2": "Si tiene alguna pregunta sobre la impresora o QIDISlicer, comuníquese con nosotros a través de la dirección de correo electrónico correspondiente o Skype.",
+		"ls3": "Nota: intente decirnos sus requisitos en forma de video o imágenes, y proporcione el archivo 3MF, el archivo de código G, el número de máquina y otra información necesaria.",
     },
 };
 

resources/web/guide/css/home.css

@@ -322,6 +322,15 @@ li {
 	left: 0px;
 }
 
+@media screen{
+	.halfBlock {
+		text-align: center;
+		justify-content: center;
+		width: calc(50% - 20px);
+		margin: 0px 10px;
+	}
+}
+
 @media screen and (max-width: 1100px) {
 	.PrintBlock {
 		text-align:center;
@@ -404,7 +413,8 @@ td, th {
 }
 
 th {
-	background-color: lightblue;
+	background-color: #4F6EBC;
+	color: #fff;
 }
 
 table {
@@ -416,11 +426,11 @@ td:first-child, th:first-child {
 	position: sticky;
 	left: 0; /* 首行永远固定在左侧 */
 	z-index: 1;
-	background-color: lightpink;
+	background: #CDDBFB;
 }
 
-td:not(:first-child), th:not(:first-child) {
-	padding
+th:nth-child(odd) { /*奇表头*/
+	background-color: #6993FB;
 }
 
 thead tr th {
@@ -428,9 +438,12 @@ thead tr th {
 	top: 0; /* 列首永远固定在头部  */
 }
 
+tbody tr:nth-child(odd) {
+	background: #B7B9BF;
+}
+
 th:first-child {
 	z-index: 2;
-	background-color: lightblue;
 }
 
 /*------Gif------*/
@@ -470,6 +483,8 @@ th:first-child {
 }
 
 .UG_IMG {
+	justify-content:center;
+	text-align:center;
 	width: 100%;
 }
 
@@ -496,8 +511,10 @@ th:first-child {
 }
 
 .UG_CDESC {
+	margin-top:35px;
+	margin-bottom:5px;
 	text-align: center;
-	font-size: 14px;
+	font-size: 24px;
 	width: 100%;
 	line-height: 20px;
 }
@@ -509,7 +526,7 @@ th:first-child {
 	line-height: 25px;
 	width: 100%;
 	margin-top: 20px;
-	margin-bottom: 4px;
+	margin-bottom: 25px;
 	color: #4479FB;
 }
 
@@ -517,6 +534,5 @@ th:first-child {
 	font-size: 16px;
 	width: 100%;
 	line-height: 20px;
-	margin-top: 30px;
 	margin-bottom: 50px;
 }

resources/web/guide/index.html

@@ -48,6 +48,18 @@
 						<div class="BtnIcon "><img class="LeftIcon" src="img/i1.svg" /></div>
 						<div class="trans" tid="t4">UserGuide</div>
 					</li>
+					<li menu="addtext" class="BtnItem" onClick="GotoMenu('addtext')">
+						<div class="BtnIcon "><img class="LeftIcon" src="img/i1.svg" /></div>
+						<div class="trans" tid="t11">UserGuide</div>
+					</li>
+					<li menu="cutmodel" class="BtnItem" onClick="GotoMenu('cutmodel')">
+						<div class="BtnIcon "><img class="LeftIcon" src="img/i1.svg" /></div>
+						<div class="trans" tid="t12">UserGuide</div>
+					</li>
+					<li menu="downloadm" class="BtnItem" onClick="GotoMenu('downloadm')">
+						<div class="BtnIcon "><img class="LeftIcon" src="img/i1.svg" /></div>
+						<div class="trans" tid="t13">UserGuide</div>
+					</li>
 				</ol>
 			</li>
 			<li>
@@ -100,13 +112,25 @@
 				<div class="UG_IMG"><img src="img/AddSupport.gif" /></div>
 				<div class="UG_TITLE trans TextS1" tid="t3">AddSupport</div>
 			</div>
+			<div class="GuideBlock" onClick="GotoMenu('wifisend');">
+				<div class="UG_IMG"><img src="img/WifiSend.gif" /></div>
+				<div class="UG_TITLE trans TextS1" tid="t5">WifiSend</div>
+			</div>
 			<div class="GuideBlock" onClick="GotoMenu('connectdevice');">
 				<div class="UG_IMG"><img src="img/ConnectDevice.gif" /></div>
 				<div class="UG_TITLE trans TextS1" tid="t4">ConnectDevice</div>
 			</div>
-			<div class="GuideBlock" onClick="GotoMenu('wifisend');">
-				<div class="UG_IMG"><img src="img/WifiSend.gif" /></div>
-				<div class="UG_TITLE trans TextS1" tid="t5">WifiSend</div>
+			<div class="GuideBlock" onClick="GotoMenu('addtext');">
+				<div class="UG_IMG"><img src="img/AddText.gif" /></div>
+				<div class="UG_TITLE trans TextS1" tid="t11">AddText</div>
+			</div>
+			<div class="GuideBlock" onClick="GotoMenu('cutmodel');">
+				<div class="UG_IMG"><img src="img/CutModel.gif" /></div>
+				<div class="UG_TITLE trans TextS1" tid="t12">CutModel</div>
+			</div>
+			<div class="GuideBlock" onClick="GotoMenu('downloadm');">
+				<div class="UG_IMG"><img src="img/DownloadModel.png" /></div>
+				<div class="UG_TITLE trans TextS1" tid="t13">AddText</div>
 			</div>
 			<div class="GuideBlock" onClick="GotoMenu('issuereport');">
 				<div class="UG_IMG"><img src="img/IssueReport.png" /></div>
@@ -146,16 +170,72 @@
 			</div>
 		</div>
 
+		<div id="GifBigBoard" board="addtext">
+			<div id="GifBoard">
+				<div class="GifBlock">
+					<div class="UG_IMG"><img src="img/AddText.gif" /></div>
+				</div>
+			</div>
+		</div>
+
+		<div id="GifBigBoard" board="cutmodel">
+			<div id="GifBoard">
+				<div class="GifBlock">
+					<div class="UG_IMG"><img src="img/CutModel.gif" /></div>
+				</div>
+			</div>
+		</div>
+
+		<div id="GifBigBoard" board="downloadm">
+			<div id="GifBoard">
+				<div class="GifBlock">
+					<div class="UG_B_TITLE trans TextS1" tid="t13">download</div>
+					<div class="UG_CDESC trans" tid="ls1"></div>
+				</div>
+			</div>
+			<div id="IssueBoard">
+				<div class="halfBlock">
+					<div class="UG_DESC">URL:https://www.thingiverse.com/</div>
+					<div class="UG_IMG"><img src="img/thingiverse.png" /></div>
+				</div>
+				<div class="halfBlock">
+					<div class="UG_DESC">URL:https://www.printables.com/model</div>
+					<div class="UG_IMG"><img src="img/printables.png" /></div>
+				</div>
+			</div>
+		</div>
+		<!--<div id="GifBigBoard" board="downloadm">
+		<div id="GifBoard">
+			<div class="GifBlock">
+				<div class="UG_B_TITLE trans" tid="t13">downloadm</div>
+			</div>
+			<div id="IssueBoard">
+				<div class="halfBlock">
+					<div class="UG_CDESC">URL:https://www.thingiverse.com/</div>
+					<div class="UG_IMG"><img src="img/thingiverse.png" /></div>
+					<div class="UG_CDESC">URL:https://www.printables.com/model</div>
+					<div class="UG_IMG"><img src="img/printables.png" /></div>
+				</div>
+			</div>
+		</div>
+	</div>-->
+
 		<div id="GifBigBoard" board="infomax3">
-			<div class="UG_IMG"><img src="img/info1.png" /></div>
+			<div id="GifBoard">
+				<div class="UG_IMG"><img src="img/info1.png" /></div>
+			</div>
 		</div>
 
 		<div id="GifBigBoard" board="infoplus3">
-			<div class="UG_IMG"><img src="img/info2.png" /></div>
+			<div id="GifBoard">
+				<div class="UG_IMG"><img src="img/info2.png" /></div>
+			</div>
 		</div>
 
 		<div id="GifBigBoard" board="infosmart3">
-			<div class="UG_IMG"><img src="img/info3.png" /></div>
+			<div id="GifBoard">
+				<div class="UG_IMG"><img src="img/info3.png" /></div>
+			</div>
 		</div>
 
 		<div id="FilaBigBoard" board="infof1">
@@ -334,11 +414,9 @@
 		<div id="GifBigBoard" board="issuereport">
 			<div id="GifBoard">
 				<div class="GifBlock">
-					<div class="UG_B_TITLE trans TextS1" tid="wk1">Issue Report</div>
-					<div class="UG_B_DESC trans" tid="wk2">
-						If you have any questions about the Printer or QIDISlicer, please contact us via the appropriate E-mail address or Skype.<br />
-						Note: please try to tell us your requirements in the form of video or pictures, and provide 3MF file, G-code file, machine number and other necessary information.
-					</div>
+					<div class="UG_B_TITLE trans TextS1" tid="t6"></div>
+					<div class="trans" tid="ls2"></div>
+					<div class="UG_B_DESC trans" tid="ls3"></div>
 				</div>
 			</div>
 			<div id="IssueBoard">

resources/web/qidi/css/home.css

@@ -1,18 +1,60 @@
-body
-{
-    background-color:#F4F7FE;
-    font-family: Arial, sans-serif;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 100vh;
-    margin: 0;
+body {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	/* <20><>ҳ<EFBFBD><D2B3>ռ<EFBFBD><D5BC><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>ĸ߶<C4B8> */
+	height: 100vh;
 }
 
-.container {
-    text-align: center;
-    padding: 30px;
-    border-radius: 10px;
-    background-color: #ffffff;
-    box-shadow: 0 4px 6px rgba(39, 39, 39, 0.1);
+#GifBoard {
+	display: flex;
+	flex-wrap: wrap;
+	align-content: flex-start;
+	align-items: center;
+	justify-content: center;
+	overflow-y: auto;
+	margin: 30px 40px;
+	position: relative;
+	top: 0px;
+	bottom: 0px;
+	right: 0px;
+	left: 0px;
+}
+
+@media screen {
+	.GifBlock {
+		margin: 0px 0px 0px 0px;
+		cursor: pointer;
+	}
+}
+
+.UG_IMG {
+	justify-content:center;
+	text-align:center;
+	width: 100%;
+}
+
+.UG_IMG img {
+	width: 100%;
+	border-radius: 5px 5px 5px 5px;
+}
+
+.UG_TITLE {
+	text-align: center;
+	font-size: 36px;
+	font-weight: 700;
+	line-height: 25px;
+	width: 100%;
+	margin-top: 20px;
+	color: #4479FB;
+}
+
+.UG_DESC {
+	text-align:center;
+	font-size: 24px;
+	font-weight:lighter;
+	width: 100%;
+	line-height: 20px;
+	margin-top: 30px;
+	margin-bottom: 20px;
 }

resources/web/qidi/missing_connection.html

@@ -6,16 +6,23 @@
 <title>Printer Connection Required</title>
 <link rel="stylesheet" type="text/css" href="css/home.css" />
 <script type="text/javascript" src="../data/text.js"></script>	
-<script type="text/javascript" src="../homepage/js/jquery-3.6.0.min.js"></script>
-<script type="text/javascript" src="../homepage/js/json2.js"></script>
-<script type="text/javascript" src="../homepage/js/globalapi.js"></script>
-<script type="text/javascript" src="../homepage/js/home.js"></script>
+<script type="text/javascript" src="../guide/js/jquery-3.6.0.min.js"></script>
+<script type="text/javascript" src="../guide/js/json2.js"></script>
+<script type="text/javascript" src="../guide/js/globalapi.js"></script>
+<script type="text/javascript" src="../guide/js/home.js"></script>
 </head>
 <body onLoad="OnInit()">
-    <div class="container">
-        <h1 class="trans" tid="t4">Printer Connection</h1>
-        <p class="trans">Please set up your printer connection to view the device.</p>
-        <img src="setup_connection.gif" alt="Printer connection setup demonstration" style="max-width: 100%; height: auto; display: block;"/>
+    <div id="GifBoard">
+        <div class="GifBlock">
+            <div class="UG_TITLE trans" tid="t4"></div>
+            <div class="UG_DESC trans" tid="wk2">
+                Please set up your printer connection to view the device.
+            </div>
+            <div class="UG_IMG"><img src="setup_connection.gif" /></div>
+        </div>
     </div>
+    <!--<h1 class="trans" tid="t4">Printer Connection</h1>
+    <p class="trans">Please set up your printer connection to view the device.</p>
+    <img src="setup_connection.gif" alt="Printer connection setup demonstration" style="max-width: 100%; height: auto; display: block;"/>-->
 </body>
 </html>