tim/autonomous.contact
1
0
Fork 0
forked from andyburke/autonomous.contact
Code Pull requests Activity

feature: start to stub in live connections

Browse source
This commit is contained in:
Andy Burke 2025-09-12 14:26:16 -07:00
parent 344199925e
commit 50dcb98e0d
4 changed files with 195 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

73
public/tabs/live/live.html Normal file
View file

@ -0,0 +1,73 @@
<script></script>
<style></style>
<div id="live-tab" class="tab">
<input
type="radio"
name="top-level-tabs"
id="live-tab-input"
class="tab-switch"
data-view="profile"
/>
<label for="live-tab-input" class="tab-label mockup"
><div class="icon live"></div>
<div class="label">Live</div></label
>
<div class="tab-content">
<div
class="live-container"
style="
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
display: flex;
align-content: center;
justify-content: center;
flex-flow: wrap;
"
>
<div
class="mockup"
style="
width: 95%;
max-width: 1024px;
border: 1px solid rgba(128, 128, 128, 0.5);
height: 66vh;
overflow: hidden;
"
></div>
<div
class="live-actions-container"
style="
width: 80%;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: space-evenly;
height: 4rem;
"
>
<input
id="toggle-live-audio"
type="checkbox"
style="display: none; visibility: hidden"
/>
<label for="toggle-live-audio" class="mockup">
<i class="icon phone"></i>
<span>Audio</span>
</label>
<input
id="toggle-live-video"
type="checkbox"
style="display: none; visibility: hidden"
/>
<label for="toggle-live-video" class="mockup">
<i class="icon camera"></i>
<span>Video</span>
</label>
</div>
</div>
</div>
</div>

2
public/tabs/tabs.html
View file

@ -122,9 +122,9 @@
<div class="tabs">
<!-- #include file="./chat/chat.html" -->
<!-- #include file="./live/live.html" -->
<!-- #include file="./blurbs/blurbs.html" -->
<!-- #include file="./forum/forum.html" -->
<!-- #include file="./essays/essays.html" -->
<!-- #include file="./resources/resources.html" -->
<!-- #include file="./calendar/calendar.html" -->
</div>