1- <!DOCTYPE html>
2- < html lang ="en ">
3- < head >
4- < meta charset ="UTF-8 ">
5- < title > IPF Referee Chief</ title >
6- < meta name ="viewport " content ="width=device-width, initial-scale=1 ">
7- < link rel ="stylesheet " type ="text/css " href ="/css/boostrap.min.css ">
8- < link rel ="stylesheet " type ="text/css " href ="/css/custom.css ">
9- < script src ="/socket.io/socket.io.js "> </ script >
10- < script src ="/js/jquery.min.js "> </ script >
11- < style >
12- .circle-pefecto {
13- border-radius : 50% !important ; /* makes the button round */
14- width : 120px ; /* width of the button */
15- height : 120px ; /* height of the button */
16- text-align : center;
17- padding : 2% ;
18- }
19- </ style >
20-
21- </ head >
22- < body class ="bg-dark ">
23-
24- < script >
25- const socket = io ( ) ;
26- </ script >
27- < div class ="container-fluid pb-5 ">
28- < section style ="height:17vh; " class ="bg-dark ">
29- < div class ="w-100 justify-content-center " id ="refereeLights ">
30- < h1 class ="text-center text-light fs-5 position-absolute "> Referee's decision</ h1 >
31- < svg class ="mt-3 " height ="100 " width ="100 ">
32- < circle id ="circleLeft " cx ="50 " cy ="40 " r ="30 " stroke ="black " stroke-width ="2 " fill ="black "/>
33- < g transform ="translate(30,80) ">
34- < rect id ="rectangleLeft " width ="40 " height ="20 " stroke ="white " stroke-width ="2 "
35- fill ="transparent "/>
36- </ g >
37- Sorry, your browser does not support inline SVG.
38- </ svg >
39- < svg class ="mt-3 " height ="100 " width ="100 ">
40- < circle id ="circleChief " cx ="50 " cy ="40 " r ="30 " stroke ="black " stroke-width ="2 " fill ="black "/>
41- < g transform ="translate(30,80) ">
42- < rect id ="rectangleChief " width ="40 " height ="20 " stroke ="white " stroke-width ="2 "
43- fill ="transparent "/>
44- </ g >
45- Sorry, your browser does not support inline SVG.
46- </ svg >
47- < svg class ="mt-3 " height ="100 " width ="100 ">
48- < circle id ="circleRight " cx ="50 " cy ="40 " r ="30 " stroke ="black " stroke-width ="2 " fill ="black "/>
49- < g transform ="translate(30,80) ">
50- < rect id ="rectangleRight " width ="40 " height ="20 " stroke ="white " stroke-width ="2 "
51- fill ="transparent "/>
52- </ g >
53- Sorry, your browser does not support inline SVG.
54- </ svg >
55- </ div >
56- < div class ="w-100 justify-content-center " id ="juryLights ">
57- < h1 class ="text-center text-light fs-5 position-absolute "> Jury decision</ h1 >
58- < svg class ="mt-3 " height ="100 " width ="100 ">
59- < circle id ="juryCircle " cx ="50 " cy ="40 " r ="30 " stroke ="black " stroke-width ="2 " fill ="black "/>
60- < g transform ="translate(30,80) ">
61- < rect id ="rectangleJury " width ="40 " height ="20 " stroke ="black " stroke-width ="2 "
62- fill ="transparent "/>
63- </ g >
64- Sorry, your browser does not support inline SVG.
65- </ svg >
66- < svg class ="mt-3 " id ="jury2 " height ="100 " width ="100 ">
67- < circle id ="juryCircle_2 " cx ="50 " cy ="40 " r ="30 " stroke ="black " stroke-width ="2 " fill ="black "/>
68- < g transform ="translate(30,80) ">
69- < rect id ="rectangleJury_2 " width ="40 " height ="20 " stroke ="black " stroke-width ="2 "
70- fill ="transparent "/>
71- </ g >
72- Sorry, your browser does not support inline SVG.
73- </ svg >
74- < svg class ="mt-3 " id ="jury3 " height ="100 " width ="100 ">
75- < circle id ="juryCircle_3 " cx ="50 " cy ="40 " r ="30 " stroke ="black " stroke-width ="2 " fill ="black "/>
76- < g transform ="translate(30,80) ">
77- < rect id ="rectangleJury_3 " width ="40 " height ="20 " stroke ="black " stroke-width ="2 "
78- fill ="transparent "/>
79- </ g >
80- Sorry, your browser does not support inline SVG.
81- </ svg >
82- </ div >
83- </ section >
84- < h1 class ="text-center text-white "> Chief Referee</ h1 >
85- < section id ="powerliftingLights " class ="w-100 justify-content-center flex-wrap ">
86- < div class ="mt-5 w-100 d-flex justify-content-evenly align-items-center ">
87- < button onclick ="white(); " class ="circle-pefecto btn border-0 fw-bolder white bg-white "
88- style ="box-shadow: 0 3px 12px black ">
89- GOOD LIFT
90- </ button >
91- < button onclick ="red(); " class ="circle-pefecto btn border-0 text-white fw-bolder red "
92- style ="background:red;box-shadow: 0 3px 12px black ">
93- RED
94- </ button >
95- </ div >
96- < div class ="mt-5 mb-5 w-100 d-flex justify-content-evenly align-items-center ">
97- < button onclick ="blue(); " class ="circle-pefecto btn border-0 text-white fw-bolder blue "
98- style ="background:blue;box-shadow: 0 3px 12px black ">
99- BLUE
100- </ button >
101- < button onclick ="yellow(); " class ="circle-pefecto btn border-0 fw-bolder yellow "
102- style ="background:yellow;box-shadow: 0 3px 12px black ">
103- YELLOW
104- </ button >
105- </ div >
106- </ section >
107- </ div >
108- </ body >
1+ <!DOCTYPE html>
2+ < html lang ="en ">
3+ < head >
4+ < meta charset ="UTF-8 ">
5+ < title > IPF Referee Chief</ title >
6+ < meta name ="viewport " content ="width=device-width, initial-scale=1 ">
7+ < link rel ="stylesheet " type ="text/css " href ="/css/boostrap.min.css ">
8+ < link rel ="stylesheet " type ="text/css " href ="/css/custom.css ">
9+ < script src ="/socket.io/socket.io.js "> </ script >
10+ < script src ="/js/jquery.min.js "> </ script >
11+ < style >
12+ .circle-pefecto {
13+ border-radius : 50% !important ; /* makes the button round */
14+ width : 120px ; /* width of the button */
15+ height : 120px ; /* height of the button */
16+ text-align : center;
17+ padding : 2% ;
18+ }
19+ </ style >
20+
21+ </ head >
22+ < body class ="bg-dark ">
23+
24+ < script >
25+ const socket = io ( ) ;
26+ </ script >
27+ < div class ="container-fluid pb-5 ">
28+ < section style ="height:17vh; " class ="bg-dark ">
29+ < div class ="w-100 justify-content-center " id ="refereeLights ">
30+ < h1 class ="text-center text-light fs-5 position-absolute "> Referee's decision</ h1 >
31+ < svg class ="mt-3 " height ="100 " width ="100 ">
32+ < circle id ="circleLeft " cx ="50 " cy ="40 " r ="30 " stroke ="black " stroke-width ="2 " fill ="black "/>
33+ < g transform ="translate(30,80) ">
34+ < rect id ="rectangleLeft " width ="40 " height ="20 " stroke ="white " stroke-width ="2 "
35+ fill ="transparent "/>
36+ </ g >
37+ Sorry, your browser does not support inline SVG.
38+ </ svg >
39+ < svg class ="mt-3 " height ="100 " width ="100 ">
40+ < circle id ="circleChief " cx ="50 " cy ="40 " r ="30 " stroke ="black " stroke-width ="2 " fill ="black "/>
41+ < g transform ="translate(30,80) ">
42+ < rect id ="rectangleChief " width ="40 " height ="20 " stroke ="white " stroke-width ="2 "
43+ fill ="transparent "/>
44+ </ g >
45+ Sorry, your browser does not support inline SVG.
46+ </ svg >
47+ < svg class ="mt-3 " height ="100 " width ="100 ">
48+ < circle id ="circleRight " cx ="50 " cy ="40 " r ="30 " stroke ="black " stroke-width ="2 " fill ="black "/>
49+ < g transform ="translate(30,80) ">
50+ < rect id ="rectangleRight " width ="40 " height ="20 " stroke ="white " stroke-width ="2 "
51+ fill ="transparent "/>
52+ </ g >
53+ Sorry, your browser does not support inline SVG.
54+ </ svg >
55+ </ div >
56+ < div class ="w-100 justify-content-center " id ="juryLights ">
57+ < h1 class ="text-center text-light fs-5 position-absolute "> Jury decision</ h1 >
58+ < svg class ="mt-3 " height ="100 " width ="100 ">
59+ < circle id ="juryCircle " cx ="50 " cy ="40 " r ="30 " stroke ="black " stroke-width ="2 " fill ="black "/>
60+ < g transform ="translate(30,80) ">
61+ < rect id ="rectangleJury " width ="40 " height ="20 " stroke ="black " stroke-width ="2 "
62+ fill ="transparent "/>
63+ </ g >
64+ Sorry, your browser does not support inline SVG.
65+ </ svg >
66+ < svg class ="mt-3 " id ="jury2 " height ="100 " width ="100 ">
67+ < circle id ="juryCircle_2 " cx ="50 " cy ="40 " r ="30 " stroke ="black " stroke-width ="2 " fill ="black "/>
68+ < g transform ="translate(30,80) ">
69+ < rect id ="rectangleJury_2 " width ="40 " height ="20 " stroke ="black " stroke-width ="2 "
70+ fill ="transparent "/>
71+ </ g >
72+ Sorry, your browser does not support inline SVG.
73+ </ svg >
74+ < svg class ="mt-3 " id ="jury3 " height ="100 " width ="100 ">
75+ < circle id ="juryCircle_3 " cx ="50 " cy ="40 " r ="30 " stroke ="black " stroke-width ="2 " fill ="black "/>
76+ < g transform ="translate(30,80) ">
77+ < rect id ="rectangleJury_3 " width ="40 " height ="20 " stroke ="black " stroke-width ="2 "
78+ fill ="transparent "/>
79+ </ g >
80+ Sorry, your browser does not support inline SVG.
81+ </ svg >
82+ </ div >
83+ </ section >
84+ < h1 class ="text-center text-white "> Chief Referee</ h1 >
85+ < section id ="powerliftingLights " class ="w-100 justify-content-center flex-wrap ">
86+ < div class ="mt-5 w-100 d-flex justify-content-evenly align-items-center ">
87+ < button onclick ="white(); " class ="circle-pefecto btn border-0 fw-bolder white bg-white "
88+ style ="box-shadow: 0 3px 12px black ">
89+ GOOD LIFT
90+ </ button >
91+ < button onclick ="red(); " class ="circle-pefecto btn border-0 text-white fw-bolder red "
92+ style ="background:red;box-shadow: 0 3px 12px black ">
93+ RED
94+ </ button >
95+ </ div >
96+ < div class ="mt-5 mb-5 w-100 d-flex justify-content-evenly align-items-center ">
97+ < button onclick ="blue(); " class ="circle-pefecto btn border-0 text-white fw-bolder blue "
98+ style ="background:blue;box-shadow: 0 3px 12px black ">
99+ BLUE
100+ </ button >
101+ < button onclick ="yellow(); " class ="circle-pefecto btn border-0 fw-bolder yellow "
102+ style ="background:yellow;box-shadow: 0 3px 12px black ">
103+ YELLOW
104+ </ button >
105+ </ div >
106+ </ section >
107+ </ div >
108+ </ body >
109109</ html >
0 commit comments