11<!DOCTYPE html>
2- < html lang ="en " xmlns:th =" http://www.thymeleaf.org " >
2+ < html lang ="en ">
33< head >
44 < meta charset ="UTF-8 ">
55 < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
6- < title > Player Form </ title >
6+ < title > Player Selection </ title >
77 < style >
88 body {
99 font-family : Arial, sans-serif;
2424 h1 {
2525 color : # 333 ;
2626 }
27- .form -group {
28- margin : 15 px 0 ;
27+ .btn -group {
28+ margin-top : 20 px ;
2929 }
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 {
5831 background-color : # 007BFF ;
5932 color : white;
6033 border : none;
6841 cursor : pointer;
6942 transition : background-color 0.3s ;
7043 }
71- input [ type = "submit" ] : hover {
44+ . btn-group button : hover {
7245 background-color : # 0056b3 ;
7346 }
7447 </ style >
7548</ head >
7649< body >
7750< 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 >
16556 </ div >
16657 </ form >
16758</ div >
16859</ body >
169- </ html >
60+ </ html >
61+
0 commit comments