1
1
<!DOCTYPE html>
2
- < html lang ="en ">
2
+ < html lang ="en " xmlns:th =" http://www.thymeleaf.org " >
3
3
< head >
4
4
< meta charset ="UTF-8 ">
5
- < title > Upload Image</ title >
5
+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
6
+ < title > Upload For Digital Doubles</ title >
7
+ < style >
8
+ body {
9
+ font-family : Arial, sans-serif;
10
+ display : flex;
11
+ justify-content : center;
12
+ align-items : center;
13
+ height : 100vh ;
14
+ margin : 0 ;
15
+ background-color : # f0f0f0 ;
16
+ }
17
+ .container {
18
+ text-align : center;
19
+ background-color : # fff ;
20
+ padding : 20px ;
21
+ border-radius : 10px ;
22
+ box-shadow : 0 4px 8px rgba (0 , 0 , 0 , 0.1 );
23
+ }
24
+ h1 {
25
+ color : # 333 ;
26
+ }
27
+ .form-group {
28
+ margin : 15px 0 ;
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
+ width : 100% ;
42
+ padding : 10px ;
43
+ margin : 5px 0 20px 0 ;
44
+ border : 1px solid # ccc ;
45
+ border-radius : 5px ;
46
+ box-sizing : border-box;
47
+ }
48
+ input [type = "submit" ] {
49
+ background-color : # 007BFF ;
50
+ color : white;
51
+ border : none;
52
+ padding : 15px 30px ;
53
+ text-align : center;
54
+ text-decoration : none;
55
+ display : inline-block;
56
+ font-size : 16px ;
57
+ margin : 10px 5px ;
58
+ border-radius : 5px ;
59
+ cursor : pointer;
60
+ transition : background-color 0.3s ;
61
+ }
62
+ input [type = "submit" ]: hover {
63
+ background-color : # 0056b3 ;
64
+ }
65
+ </ style >
6
66
</ head >
7
67
< body >
8
- < h1 > Upload For Digital Doubles</ h1 >
9
- < form method ="POST " action ="/transferimage/uploadimageandvideo " enctype ="multipart/form-data ">
10
- < label for ="image "> Select image:</ label >
11
- < input type ="file " id ="image " name ="image " accept ="image/* " required >
12
- < button type ="submit "> Upload</ button >
13
- </ form >
68
+ < div class ="container ">
69
+ < h1 > Upload Your Image</ h1 >
70
+
71
+ < form method ="POST " action ="/transferimage/uploadimageandvideo " enctype ="multipart/form-data ">
72
+
73
+
74
+ < div class ="form-group ">
75
+ < label for ="image "> Select image:</ label >
76
+ < input type ="file " id ="image " name ="image " accept ="image/* " required >
77
+ < button type ="submit "> Upload</ button >
78
+
79
+ <!-- <label for="firstName">First Name:</label>-->
80
+ <!-- <input type="text" id="firstName" name="firstName" autocomplete="given-name">-->
81
+ </ div >
82
+
83
+ </ form >
84
+ <!-- -->
85
+ <!-- <form method="post" action="http://143.47.96.92/podsofkon/setPlayerNamesAndIds">-->
86
+ <!-- <!– Conditional display for Player 1 Name –>-->
87
+ <!-- <div class="form-group" th:if="${player == 'player1'}">-->
88
+ <!-- <label for="player1Name">Player 1 Name:</label>-->
89
+ <!-- <input type="text" id="player1Name" name="player1Name" autocomplete="player1Name">-->
90
+ <!-- </div>-->
91
+
92
+ <!-- <!– Conditional display for Player 2 Name –>-->
93
+ <!-- <div class="form-group" th:if="${player == 'player2'}">-->
94
+ <!-- <label for="player2Name">Player 2 Name:</label>-->
95
+ <!-- <input type="text" id="player2Name" name="player2Name" autocomplete="player2Name">-->
96
+ <!-- </div>-->
97
+
98
+ <!-- <div class="form-group">-->
99
+ <!-- <label for="firstName">First Name:</label>-->
100
+ <!-- <input type="text" id="firstName" name="firstName" autocomplete="given-name">-->
101
+ <!-- </div>-->
102
+ <!-- <div class="form-group">-->
103
+ <!-- <label for="lastName">Last Name:</label>-->
104
+ <!-- <input type="text" id="lastName" name="lastName" autocomplete="family-name">-->
105
+ <!-- </div>-->
106
+ <!-- <div class="form-group">-->
107
+ <!-- <label for="email">Email:</label>-->
108
+ <!-- <input type="email" id="email" name="email" autocomplete="email" required>-->
109
+ <!-- </div>-->
110
+ <!-- <div class="form-group">-->
111
+ <!-- <label for="company">Company:</label>-->
112
+ <!-- <input type="text" id="company" name="company" autocomplete="organization">-->
113
+ <!-- </div>-->
114
+ <!-- <div class="form-group">-->
115
+ <!-- <label for="jobrole">Job Role:</label>-->
116
+ <!-- <input type="text" id="jobrole" name="jobrole" autocomplete="organization-title">-->
117
+ <!-- </div>-->
118
+ <!-- <div class="form-group">-->
119
+ <!-- <label for="tshirtsize">T-Shirt Size:</label>-->
120
+ <!-- <input type="text" id="tshirtsize" name="tshirtsize" autocomplete="tshirt-size">-->
121
+ <!-- </div>-->
122
+ <!-- <div class="form-group">-->
123
+ <!-- <label for="comments">Comments:</label>-->
124
+ <!-- <input type="text" id="comments" name="comments" autocomplete="comments">-->
125
+ <!-- </div>-->
126
+ <!-- <div class="form-group">-->
127
+ <!-- <input type="submit" value="Submit">-->
128
+ <!-- </div>-->
129
+ <!-- </form>-->
130
+ </ div >
14
131
</ body >
15
132
</ html >
0 commit comments