agora-proctor/config.html at main · BenWeekes/agora-proctor · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47

<script>

function setAction(form) {
  form.action = "/cupload";
  return true;
}

</script>
<body style="margin:40px; font-size:18px; font-family: 'Roboto', sans-serif;">
<div style="padding:20px; padding-left:30px;  font-size:28px;  position: absolute; top:0px; left:0px; width:100%; iheight:40px; background-color: purple; color: white;">
	Proctor Demo Reskin
</div>
<br/>
<br/>
<h3>To reskin the proctor demo, please do the following:</h3>

<br/>
Take the default config.json file from here:
<a download href="./config.json">config.json</a>
<br/>
<br/>
You can now edit the title and colors inside this file but keep the name as config.json
<br/>
<br/>
To change the images for the logo and background you need to convert your new  PNG into base64.
<br/>
<br/>
This can be done here.
<a href="https://www.base64-image.de/">Convert image to base64 </a>
<br/>
<br/>
Use the COPY IMAGE button once converted and replace existing value in config.json
<br/>
<br/>
You can remove any background from the logo PNG using
<a href="https://www.remove.bg">Remove background from PNG</a>
<br/>
<br/>
For a solid background color, you just need a small square of the desired color
<br/>
<br/>
Now upload your new config.json using the form below:
<form onsubmit="return setAction(this)" method="post" enctype="multipart/form-data">
<br>
<input type="file" name="uploads" >
<input type="submit" value="Apply Changes"></form>