Skip to content

Commit 2559eac

Browse files
FarrelADFarrelAD
committed
update web program
1 parent 1e17b61 commit 2559eac

File tree

3 files changed

+57
-29
lines changed

3 files changed

+57
-29
lines changed

‎src/web/assets/icon/king-js.ico‎

172 KB
Binary file not shown.

‎src/web/assets/icon/king-js.svg‎

Lines changed: 6 additions & 0 deletions
Loading

‎src/web/index.html‎

Lines changed: 51 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
<meta charset="UTF-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
77
<title>JS Linear Regression</title>
8+
<link rel="icon" href="assets/icon/king-js.ico" type="image/x-icon">
89
<link rel="preconnect" href="https://fonts.googleapis.com">
910
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
1011
<link
@@ -14,39 +15,60 @@
1415
</head>
1516

1617
<body>
17-
<main class="container mx-auto border lg:p-0 p-5 min-h-screen">
18-
<h1 class="font-bold text-2xl text-center">JS Linear Regression</h1>
19-
20-
<form id="data-form" class="mt-5">
21-
<div class="flex items-center justify-center">
22-
<label for="file-upload"
23-
class="cursor-pointer bg-indigo-100 text-indigo-600 py-2 px-4 rounded-md hover:bg-indigo-200 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">
24-
Upload File
25-
</label>
26-
<input id="file-upload" type="file" class="hidden" name="data"/>
27-
</div>
28-
29-
30-
<input type="submit" value="Process"
31-
class="w-full mt-5 bg-indigo-600 text-white py-2 px-4 rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">
32-
</form>
18+
<main class="container mx-auto border lg:px-0 p-5 min-h-screen">
19+
<h1 class="font-bold text-2xl text-center flex items-baseline justify-center space-x-2 mx-auto">
20+
<svg width="1.75em" height="1.75em" viewBox="0 0 300 300" fill="none" xmlns="http://www.w3.org/2000/svg">
21+
<rect width="300" height="300" fill="#F7DF1E"/>
22+
<path d="M107 146L176.5 148.5L177 176.5L104.5 237H32L7.5 275.5C41.3333 277.833 109.6 282.5 112 282.5C114.4 282.5 168 243.833 194.5 224.5L223.5 122.5L134.5 92L92 104.5L107 146Z" fill="black"/>
23+
<path d="M284.5 196.5V140L238.5 150.5L207.5 237L250.5 250.5L207.5 255L184.5 289L280 282.5L290.5 244.5L247.5 206.5L284.5 196.5Z" fill="black"/>
24+
<path d="M228.5 104.5L142.5 75L156.5 5L184.5 42L243.5 25.5L228.5 68.5L280 71L228.5 104.5Z" fill="black"/>
25+
</svg>
26+
<span>Linear Regression</span>
27+
</h1>
28+
3329

34-
<div id="preview-data-container" style="display: none; margin-top: 3rem;">
30+
<section>
31+
<form id="data-form" class="mt-5">
32+
<div class="flex items-center justify-center">
33+
<label for="file-upload"
34+
class="cursor-pointer bg-indigo-100 text-indigo-600 py-2 px-4 rounded-md hover:bg-indigo-200 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">
35+
Upload File
36+
</label>
37+
<input id="file-upload" type="file" class="hidden" name="data"/>
38+
</div>
39+
40+
41+
<input type="submit" value="Process"
42+
class="w-full mt-5 bg-indigo-600 text-white py-2 px-4 rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">
43+
</form>
44+
45+
<div id="preview-data-container" class="hidden mt-12">
46+
47+
</div>
3548

36-
</div>
49+
<div class="section-controller flex justify-between mt-5">
50+
<button class="w-auto bg-indigo-600 text-white py-2 px-4 rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">
51+
Back
52+
</button>
53+
<button class="w-auto bg-indigo-600 text-white py-2 px-4 rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">
54+
Next
55+
</button>
56+
</div>
57+
</section>
3758

38-
<hr>
3959

40-
<div class="flex flex-col items-center justify-center space-y-2">
41-
<label for="fruit-select"
42-
class="text-indigo-600 py-2 px-4">
43-
Select Model
44-
</label>
45-
<select id="fruit-select" name="fruit" class="border border-indigo-300 rounded-md py-2 px-4 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">
46-
<option value="single">Single feature</option>
47-
<option value="multi">Multi feature</option>
48-
</select>
49-
</div>
60+
<section id="model-selection" class="hidden">
61+
<div class="flex flex-col items-center justify-center space-y-2">
62+
<label for="fruit-select"
63+
class="text-indigo-600 py-2 px-4">
64+
Select Model
65+
</label>
66+
<select id="fruit-select" name="fruit" class="border border-indigo-300 rounded-md py-2 px-4 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">
67+
<option value="single">Single feature</option>
68+
<option value="multi">Multi feature</option>
69+
</select>
70+
</div>
71+
</section>
5072
</main>
5173

5274
<script src="script.js"></script>

0 commit comments

Comments
 (0)