1
1
<!DOCTYPE html>
2
- < html lang ="en " xmlns:th =" http://www.thymeleaf.org " >
2
+ < html lang ="en ">
3
3
< head >
4
4
< meta charset ="UTF-8 ">
5
5
< meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
6
- < title > Player Form </ title >
6
+ < title > Player Selection </ title >
7
7
< style >
8
8
body {
9
9
font-family : Arial, sans-serif;
24
24
h1 {
25
25
color : # 333 ;
26
26
}
27
- .form -group {
28
- margin : 15 px 0 ;
27
+ .btn -group {
28
+ margin-top : 20 px ;
29
29
}
30
- label {
31
- display : block;
32
- margin-bottom : 5px ;
33
- color : # 333 ;
34
- }
35
- input [type = "text" ],
36
- input [type = "email" ],
37
- input [type = "company" ],
38
- input [type = "jobrole" ],
39
- input [type = "tshirtsize" ],
40
- input [type = "comments" ],
41
- select {
42
- width : 100% ;
43
- padding : 10px ;
44
- margin : 5px 0 20px 0 ;
45
- border : 1px solid # ccc ;
46
- border-radius : 5px ;
47
- box-sizing : border-box;
48
- }
49
- .row {
50
- display : flex;
51
- gap : 10px ;
52
- }
53
- .row select ,
54
- .row input {
55
- width : 48% ;
56
- }
57
- input [type = "submit" ] {
30
+ .btn-group button {
58
31
background-color : # 007BFF ;
59
32
color : white;
60
33
border : none;
68
41
cursor : pointer;
69
42
transition : background-color 0.3s ;
70
43
}
71
- input [ type = "submit" ] : hover {
44
+ . btn-group button : hover {
72
45
background-color : # 0056b3 ;
73
46
}
74
47
</ style >
75
48
</ head >
76
49
< body >
77
50
< div class ="container ">
78
- < h1 > Please provide image and/or video and some basic info...</ h1 >
79
- < form method ="post " action ="/digitaldoubles/uploadimageandvideo " enctype ="multipart/form-data ">
80
-
81
- < label for ="image "> Select image:</ label >
82
- < input type ="file " id ="image " name ="image " accept ="image/* " required >
83
-
84
- < label for ="video "> Select video:</ label >
85
- < input type ="file " id ="video " name ="video " accept ="video/* " required >
86
-
87
- <!-- Dropdown for Animation Style and Text Field for Animation Prompt -->
88
- < div class ="row ">
89
- < div >
90
- < label for ="animstyle "> Select Animation Style:</ label >
91
- < select id ="animstyle " name ="animstyle ">
92
- < option value ="style1 "> Style 1</ option >
93
- < option value ="style2 "> Style 2</ option >
94
- < option value ="style3 "> Style 3</ option >
95
- < option value ="style4 "> Style 4</ option >
96
- < option value ="style5 "> Style 5</ option >
97
- < option value ="style6 "> Style 6</ option >
98
- < option value ="style7 "> Style 7</ option >
99
- < option value ="style8 "> Style 8</ option >
100
- < option value ="style9 "> Style 9</ option >
101
- < option value ="style10 "> Style 10</ option >
102
- < option value ="style11 "> Style 11</ option >
103
- < option value ="style12 "> Style 12</ option >
104
- < option value ="style13 "> Style 13</ option >
105
- < option value ="style14 "> Style 14</ option >
106
- < option value ="style15 "> Style 15</ option >
107
- < option value ="style16 "> Style 16</ option >
108
- < option value ="style17 "> Style 17</ option >
109
- < option value ="style18 "> Style 18</ option >
110
- < option value ="style19 "> Style 19</ option >
111
- < option value ="style20 "> Style 20</ option >
112
- < option value ="style21 "> Style 21</ option >
113
- < option value ="style22 "> Style 22</ option >
114
- < option value ="style23 "> Style 23</ option >
115
- < option value ="style24 "> Style 24</ option >
116
- < option value ="style25 "> Style 25</ option >
117
- < option value ="style26 "> Style 26</ option >
118
- < option value ="style27 "> Style 27</ option >
119
- < option value ="style28 "> Style 28</ option >
120
- < option value ="style29 "> Style 29</ option >
121
- < option value ="style30 "> Style 30</ option >
122
- < option value ="style31 "> Style 31</ option >
123
- < option value ="style32 "> Style 32</ option >
124
- < option value ="style33 "> Style 33</ option >
125
- < option value ="style34 "> Style 34</ option >
126
- < option value ="style35 "> Style 35</ option >
127
- </ select >
128
- </ div >
129
- < div >
130
- < label for ="animprompt "> Animation Prompt:</ label >
131
- < input type ="text " id ="animprompt " name ="animprompt " placeholder ="Describe your animation ">
132
- </ div >
133
- </ div >
134
-
135
- < div class ="form-group ">
136
- < label for ="firstName "> First Name:</ label >
137
- < input type ="text " id ="firstName " name ="firstName " autocomplete ="given-name ">
138
- </ div >
139
- < div class ="form-group ">
140
- < label for ="lastName "> Last Name:</ label >
141
- < input type ="text " id ="lastName " name ="lastName " autocomplete ="family-name ">
142
- </ div >
143
- < div class ="form-group ">
144
- < label for ="email "> Email:</ label >
145
- < input type ="email " id ="email " name ="email " autocomplete ="email " required >
146
- </ div >
147
- < div class ="form-group ">
148
- < label for ="company "> Company:</ label >
149
- < input type ="text " id ="company " name ="company " autocomplete ="organization ">
150
- </ div >
151
- < div class ="form-group ">
152
- < label for ="jobrole "> Job Role:</ label >
153
- < input type ="text " id ="jobrole " name ="jobrole " autocomplete ="organization-title ">
154
- </ div >
155
- < div class ="form-group ">
156
- < label for ="tshirtsize "> T-Shirt Size:</ label >
157
- < input type ="text " id ="tshirtsize " name ="tshirtsize " autocomplete ="tshirt-size ">
158
- </ div >
159
- < div class ="form-group ">
160
- < label for ="comments "> Comments:</ label >
161
- < input type ="text " id ="comments " name ="comments " autocomplete ="comments " value ="OCW DatabaseWorld 2024 ">
162
- </ div >
163
- < div class ="form-group ">
164
- < input type ="submit " value ="Submit ">
51
+ < h1 > Which are you doing?...</ h1 >
52
+ < form action ="/digitaldoubles/uploadordownload " method ="get ">
53
+ < div class ="btn-group ">
54
+ < button type ="submit " name ="action " value ="uploading "> Uploading Your Image and Video To Create Digital Doubles</ button >
55
+ < button type ="submit " name ="action " value ="downloading "> Downloading Your Digital Doubles</ button >
165
56
</ div >
166
57
</ form >
167
58
</ div >
168
59
</ body >
169
- </ html >
60
+ </ html >
61
+
0 commit comments