sem/5g_drone_ROS2
1
0
Fork 0
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

video elements

Browse Source
This commit is contained in:
Sem van der Hoeven
2023-05-29 12:32:51 +02:00
parent 78421ccf6f
commit a1643f9a5c
2 changed files with 41 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
api/public/css/stylesheet.css
View File

@@ -1,8 +1,25 @@
body { body {
background-color: azure; background-color: azure;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
} }
.header { .header {
color: black; color: black;
text-align: center; text-align: center;
} }
.video {
width: 100%;
}
.mainvideo {
width: 60%;
float: left;
border-color: 1px sold blue;
}
.lastpicture {
width: 40%;
float: right;
border-color: 1px solid red;
}

33
api/views/index.ejs
View File

@@ -1,15 +1,26 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel='stylesheet' href='/css/stylesheet.css' />
<title>5G drone API</title> <head>
</head> <meta charset="UTF-8">
<body> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<h1 class="header">5G Drone API</h1> <link rel='stylesheet' href='/css/stylesheet.css' />
<p><%- api_connected %></p>
<div>Hello World!</div> <title>5G drone API</title>
</body> </head>
<body>
<h1 class="header">5G Drone API</h1>
<div class="video">
<div class="mainvideo">
</div>
<div class="lastpicture">
<img id="picture">
</div>
</div>
<p><%- api_connected %></p>
<div>Hello World!</div>
</body>
</html> </html>