Yidhra/TuiCss
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

issue-7 Remove jQuery.

Browse Source
This commit is contained in:
ellisgl 2020-12-18 11:31:58 -06:00
parent d8ef5f0425
commit 76f6f1df6a
9 changed files with 20 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
examples/bios.html
View File

@ -4,7 +4,6 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>BIOS Example</title> <title>BIOS Example</title>
<script src="plugins/jquery-3.4.1.min.js"></script>
<script src="../dist/tuicss.min.js"></script> <script src="../dist/tuicss.min.js"></script>
<link rel="stylesheet" href="../dist/tuicss.min.css"> <link rel="stylesheet" href="../dist/tuicss.min.css">
</head> </head>
@ -67,4 +66,4 @@
</div> </div>
</div> </div>
</body> </body>
</html> </html>

3
examples/inputs.html
View File

@ -4,7 +4,6 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Inputs Example</title> <title>Inputs Example</title>
<script src="plugins/jquery-3.4.1.min.js"></script>
<script src="../dist/tuicss.min.js"></script> <script src="../dist/tuicss.min.js"></script>
<link rel="stylesheet" href="../dist/tuicss.min.css"> <link rel="stylesheet" href="../dist/tuicss.min.css">
<style> <style>
@ -77,4 +76,4 @@
</div> </div>
</body> </body>
</html> </html>

3
examples/pc-startup.html
View File

@ -4,7 +4,6 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>PC Startup Example</title> <title>PC Startup Example</title>
<script src="plugins/jquery-3.4.1.min.js"></script>
<script src="../dist/tuicss.min.js"></script> <script src="../dist/tuicss.min.js"></script>
<link rel="stylesheet" href="../dist/tuicss.min.css"> <link rel="stylesheet" href="../dist/tuicss.min.css">
</head> </head>
@ -53,4 +52,4 @@
setTimeout(function() { $("#session-4").show(); }, 870); setTimeout(function() { $("#session-4").show(); }, 870);
}); });
</script> </script>
</html> </html>

3
examples/pocket-calculator.html
View File

@ -4,7 +4,6 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Pocket Calculator Example</title> <title>Pocket Calculator Example</title>
<script src="plugins/jquery-3.4.1.min.js"></script>
<script src="../dist/tuicss.min.js"></script> <script src="../dist/tuicss.min.js"></script>
<link rel="stylesheet" href="../dist/tuicss.min.css"> <link rel="stylesheet" href="../dist/tuicss.min.css">
</head> </head>
@ -52,4 +51,4 @@
</script> </script>
</body> </body>
</html> </html>

21
examples/progress-bar.html
View File

@ -4,7 +4,6 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Progress Example</title> <title>Progress Example</title>
<script src="plugins/jquery-3.4.1.min.js"></script>
<script src="../dist/tuicss.min.js"></script> <script src="../dist/tuicss.min.js"></script>
<link rel="stylesheet" href="../dist/tuicss.min.css"> <link rel="stylesheet" href="../dist/tuicss.min.css">
</head> </head>
@ -15,40 +14,40 @@
<div class="tui-window" style="text-align: left;"> <div class="tui-window" style="text-align: left;">
<fieldset class="tui-fieldset"> <fieldset class="tui-fieldset">
<legend class="center">Progress</legend> <legend class="center">Progress</legend>
0% ............: 0% ............:
<div class="tui-progress-bar inline-block valign-middle"> <div class="tui-progress-bar inline-block valign-middle">
<span class="tui-progress" style="width: 0%"></span> <span class="tui-progress" style="width: 0%"></span>
</div><br><br> </div><br><br>
25% ...........: 25% ...........:
<div class="tui-progress-bar inline-block valign-middle"> <div class="tui-progress-bar inline-block valign-middle">
<span class="tui-progress" style="width: 25%"></span> <span class="tui-progress" style="width: 25%"></span>
</div><br><br> </div><br><br>
50% ...........: 50% ...........:
<div class="tui-progress-bar inline-block valign-middle"> <div class="tui-progress-bar inline-block valign-middle">
<span class="tui-progress" style="width: 50%"></span> <span class="tui-progress" style="width: 50%"></span>
</div><br><br> </div><br><br>
75% ...........: 75% ...........:
<div class="tui-progress-bar inline-block valign-middle"> <div class="tui-progress-bar inline-block valign-middle">
<span class="tui-progress" style="width: 75%"></span> <span class="tui-progress" style="width: 75%"></span>
</div><br><br> </div><br><br>
100% ..........: 100% ..........:
<div class="tui-progress-bar inline-block valign-middle"> <div class="tui-progress-bar inline-block valign-middle">
<span class="tui-progress" style="width: 100%"></span> <span class="tui-progress" style="width: 100%"></span>
</div><br><br> </div><br><br>
Texture bg ....: Texture bg ....:
<div class="tui-progress-bar inline-block valign-middle tui-bg-blue-black"> <div class="tui-progress-bar inline-block valign-middle tui-bg-blue-black">
<span class="tui-progress" style="width: 50%"></span> <span class="tui-progress" style="width: 50%"></span>
</div><br><br> </div><br><br>
Indeterminate .: Indeterminate .:
<div class="tui-progress-bar inline-block valign-middle"> <div class="tui-progress-bar inline-block valign-middle">
<span class="tui-indeterminate"></span> <span class="tui-indeterminate"></span>
</div><br><br> </div><br><br>
Labeled .......: Labeled .......:
<div class="tui-progress-bar inline-block valign-middle"> <div class="tui-progress-bar inline-block valign-middle">
<span class="tui-progress-label black-text">75%</span> <span class="tui-progress-label black-text">75%</span>
<span class="tui-progress" style="width: 75%"></span> <span class="tui-progress" style="width: 75%"></span>
</div><br><br> </div><br><br>
Custom ........: Custom ........:
<div class="tui-progress-bar inline-block valign-middle red-255"> <div class="tui-progress-bar inline-block valign-middle red-255">
<span class="tui-progress green-255" style="width: 50%"></span> <span class="tui-progress green-255" style="width: 50%"></span>
</div> </div>
@ -57,4 +56,4 @@
</div> </div>
</body> </body>
</html> </html>

5
examples/register.html
View File

@ -4,7 +4,6 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Register Example</title> <title>Register Example</title>
<script src="plugins/jquery-3.4.1.min.js"></script>
<script src="../dist/tuicss.min.js"></script> <script src="../dist/tuicss.min.js"></script>
<link rel="stylesheet" href="../dist/tuicss.min.css"> <link rel="stylesheet" href="../dist/tuicss.min.css">
<style> <style>
@ -18,7 +17,7 @@
<body> <body>
<div class="tui-screen-800-600 bordered white-168 tui-bg-blue-black center"> <div class="tui-screen-800-600 bordered white-168 tui-bg-blue-black center">
<div class="tui-window full-width tui-no-shadow left-align"> <div class="tui-window full-width tui-no-shadow left-align">
<fieldset class="tui-fieldset no-legend"> <fieldset class="tui-fieldset no-legend">
<ul> <ul>
@ -123,4 +122,4 @@
</div> </div>
</body> </body>
</html> </html>

3
examples/scandisk.html
View File

@ -4,7 +4,6 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Scandisk Example</title> <title>Scandisk Example</title>
<script src="plugins/jquery-3.4.1.min.js"></script>
<script src="../dist/tuicss.min.js"></script> <script src="../dist/tuicss.min.js"></script>
<link rel="stylesheet" href="../dist/tuicss.min.css"> <link rel="stylesheet" href="../dist/tuicss.min.css">
<style> <style>
@ -49,4 +48,4 @@
</div> </div>
</div> </div>
</body> </body>
</html> </html>

3
examples/table.html
View File

@ -4,7 +4,6 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Table Example</title> <title>Table Example</title>
<script src="plugins/jquery-3.4.1.min.js"></script>
<script src="../dist/tuicss.min.js"></script> <script src="../dist/tuicss.min.js"></script>
<link rel="stylesheet" href="../dist/tuicss.min.css"> <link rel="stylesheet" href="../dist/tuicss.min.css">
<style> <style>
@ -253,4 +252,4 @@
</div> </div>
</body> </body>
</html> </html>

5
examples/window-and-panels.html
View File

@ -4,7 +4,6 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>Window and Panels Example</title> <title>Window and Panels Example</title>
<script src="plugins/jquery-3.4.1.min.js"></script>
<script src="../dist/tuicss.min.js"></script> <script src="../dist/tuicss.min.js"></script>
<link rel="stylesheet" href="../dist/tuicss.min.css"> <link rel="stylesheet" href="../dist/tuicss.min.css">
<style> <style>
@ -132,7 +131,7 @@
<textarea class="tui-textarea" style="width: 400px; height: 200px;">#include &#60;iostream&#62; <textarea class="tui-textarea" style="width: 400px; height: 200px;">#include &#60;iostream&#62;
using namespace std; using namespace std;
int main() int main()
{ {
cout &#60;&#60; "Hello, World!"; cout &#60;&#60; "Hello, World!";
return 0; return 0;
@ -168,4 +167,4 @@ int main()
</div> </div>
</body> </body>
</html> </html>