|
3 | 3 | <head>
|
4 | 4 | <meta charset="UTF-8">
|
5 | 5 | <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
6 |
| - <title>Upload For Digital Doubles</title> |
| 6 | + <title>Player Form</title> |
7 | 7 | <style>
|
8 | 8 | body {
|
9 | 9 | font-family: Arial, sans-serif;
|
|
45 | 45 | border-radius: 5px;
|
46 | 46 | box-sizing: border-box;
|
47 | 47 | }
|
48 |
| - input[type="submit"], |
49 |
| - .custom-file-upload { |
| 48 | + input[type="submit"] { |
50 | 49 | background-color: #007BFF;
|
51 | 50 | color: white;
|
52 | 51 | border: none;
|
|
60 | 59 | cursor: pointer;
|
61 | 60 | transition: background-color 0.3s;
|
62 | 61 | }
|
63 |
| - input[type="submit"]:hover, |
64 |
| - .custom-file-upload:hover { |
| 62 | + input[type="submit"]:hover { |
65 | 63 | background-color: #0056b3;
|
66 | 64 | }
|
67 |
| - input[type="file"] { |
68 |
| - display: none; |
69 |
| - } |
70 |
| - .custom-file-upload { |
71 |
| - display: inline-block; |
72 |
| - } |
73 | 65 | </style>
|
74 | 66 | </head>
|
75 | 67 | <body>
|
76 | 68 | <div class="container">
|
77 |
| - <h1>Upload Your Image and Video To Create Digital Doubles</h1> |
78 |
| - <form method="POST" action="/digitaldoubles/uploadimageandvideo" enctype="multipart/form-data"> |
| 69 | + <h1>Which player are you?</h1> |
| 70 | + <form method="post" action="/digitaldoubles/uploadimageandvideo"> |
| 71 | + |
| 72 | + <label for="image">Select image:</label> |
| 73 | +<!-- <label for="image" class="custom-file-upload">--> |
| 74 | +<!-- Choose Image--> |
| 75 | +<!-- </label>--> |
| 76 | + <input type="file" id="image" name="image" accept="image/*" required> |
| 77 | + |
| 78 | + <label for="video">Select video:</label> |
| 79 | +<!-- <label for="video" class="custom-file-upload">--> |
| 80 | +<!-- Choose Video--> |
| 81 | +<!-- </label>--> |
| 82 | + <input type="file" id="video" name="video" accept="video/*" required> |
79 | 83 |
|
80 |
| - <div class="form-group"> |
81 |
| - <label for="image">Select image:</label> |
82 |
| - <label for="image" class="custom-file-upload"> |
83 |
| - Choose Image |
84 |
| - </label> |
85 |
| - <input type="file" id="image" name="image" accept="image/*" required> |
86 |
| - </div> |
87 |
| - <div class="form-group"> |
88 |
| - <label for="video">Select video:</label> |
89 |
| - <label for="video" class="custom-file-upload"> |
90 |
| - Choose Video |
91 |
| - </label> |
92 |
| - <input type="file" id="video" name="video" accept="video/*" required> |
93 |
| - </div> |
94 | 84 | <div class="form-group">
|
95 | 85 | <label for="firstName">First Name:</label>
|
96 | 86 | <input type="text" id="firstName" name="firstName" autocomplete="given-name">
|
| 87 | + </div> |
| 88 | + <div class="form-group"> |
97 | 89 | <label for="lastName">Last Name:</label>
|
98 | 90 | <input type="text" id="lastName" name="lastName" autocomplete="family-name">
|
| 91 | + </div> |
| 92 | + <div class="form-group"> |
99 | 93 | <label for="email">Email:</label>
|
100 | 94 | <input type="email" id="email" name="email" autocomplete="email" required>
|
| 95 | + </div> |
| 96 | + <div class="form-group"> |
101 | 97 | <label for="company">Company:</label>
|
102 | 98 | <input type="text" id="company" name="company" autocomplete="organization">
|
| 99 | + </div> |
| 100 | + <div class="form-group"> |
103 | 101 | <label for="jobrole">Job Role:</label>
|
104 | 102 | <input type="text" id="jobrole" name="jobrole" autocomplete="organization-title">
|
| 103 | + </div> |
| 104 | + <div class="form-group"> |
105 | 105 | <label for="tshirtsize">T-Shirt Size:</label>
|
106 | 106 | <input type="text" id="tshirtsize" name="tshirtsize" autocomplete="tshirt-size">
|
| 107 | + </div> |
| 108 | + <div class="form-group"> |
107 | 109 | <label for="comments">Comments:</label>
|
108 | 110 | <input type="text" id="comments" name="comments" autocomplete="comments">
|
109 |
| - <input type="submit" value="Upload"> |
110 | 111 | </div>
|
111 |
| - |
| 112 | + <div class="form-group"> |
| 113 | + <input type="submit" value="Submit"> |
| 114 | + </div> |
112 | 115 | </form>
|
113 | 116 | </div>
|
114 | 117 | </body>
|
|
0 commit comments