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 {
background-color: azure;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.header {
color: black;
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;
}

37
api/views/index.ejs
View File

@@ -1,15 +1,26 @@
<!DOCTYPE html>
<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>
<body>
<h1 class="header">5G Drone API</h1>
<p><%- api_connected %></p>
<div>Hello World!</div>
</body>
</html>
<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>
<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>