axelrafn/peepr
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changing view to circular view

Browse Source
This commit is contained in:
Axel Rafn
2025-01-24 20:37:25 +01:00
parent 2c6210cd4d
commit 7badfa9495
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
python/pypeepr.py
View File

@ -29,7 +29,8 @@ PAGE = """\
.container { .container {
position: relative; position: relative;
display: inline-block; width: 480px;
height: 480px;
} }
.title { .title {
@ -41,10 +42,14 @@ PAGE = """\
border-radius: 5px; border-radius: 5px;
font-size: 18px; font-size: 18px;
color: #b9f084; color: #b9f084;
z-index: 1;
} }
img { img {
border-radius: 10px; border-radius: 50%;
width: 480px;
height: 480px;
object-fit: cover;
display: block; display: block;
} }
</style> </style>
@ -52,7 +57,7 @@ PAGE = """\
<body> <body>
<div class="container"> <div class="container">
<div class="title">peepr</div> <div class="title">peepr</div>
<img src="stream.mjpg" width="800" height="480" alt="Webcam Stream"> <img src="stream.mjpg" alt="Webcam Stream">
</div> </div>
</body> </body>
</html> </html>
@ -125,4 +130,3 @@ try:
server.serve_forever() server.serve_forever()
finally: finally:
picam2.stop_recording() picam2.stop_recording()