https://www.schooling.com/classroom/lobby.html?roleType=admin

1<!DOCTYPE html>
2<html>
3<head>
4    <meta charset='utf-8'>
5    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
6    <title>Conference and Hybrid Schooling</title>
7    <link rel='stylesheet' type='text/css' media='screen' href='styles/main.css'>
8    <link rel='stylesheet' type='text/css' media='screen' href='styles/lobby.css'>
9
10    
11
12          <!-- Apple Add to Homescreen -->
13
14    <meta name="mobile-web-app-capable" content="yes">
15  <meta name="apple-mobile-web-app-capable" content="yes">
16  <link rel="apple-touch-icon" href="/classroom/images/logo.png">
17  <meta name="apple-mobile-web-app-title" content="Schooling">
18  <link rel="apple-touch-startup-image" href="/classroom/images/Original.svg">
19  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
20  <meta name="mobile-web-app-capable" content="yes">
21  
22  <meta name="viewport" content = "width = device-width, initial-scale = 1.0, minimum-scale = 1, maximum-scale = 1, user-scalable = no, viewport-fit=cover" />
23
24  
25</head>
26<!-- Google tag (gtag.js) -->

26
27<script async src="https://www.googletagmanager.com/gtag/js?id=

27AW-18200690701

27"></script>

28<script>
29  

29window.dataLayer = window.dataLayer || [];
30  function gtag(){dataLayer.push(arguments);}
31  gtag('js', new Date());
32
33  gtag('config', '

33AW-18200690701

33');

34</script>

34
35<body>
36
37        <header id="nav">
38       <div class="nav--list">
39            <a href="lobby.html">
40                <h3 id="logo">
41                    <img src="/classroom/images/Original.svg" height="345" alt="Site Logo">
42                    <span>Conference and Home Schooling</span>
43                </h3>
44            </a>
45       </div>
46
47        <div id="nav__links">
48            <a class="nav__link" href="http://www.schooling.com" id="home__btn" style="background-color: #3399ff;">
49                Home
50                <svg xmlns="http://www.w3.org/2000/svg" style="background-color: transparent;" width="24" height="24" fill="#ede0e0" viewBox="0 0 24 24"><path d="M20 7.093v-5.093h-3v2.093l3 3zm4 5.907l-12-12-12 12h3v10h7v-5h4v5h7v-10h3zm-5 8h-3v-5h-8v5h-3v-10.26l7-6.912 7 6.99v10.182z"/></svg>
51            </a>
52   <!--         <a class="nav__link" id="create__room__btn" href="lobby.html">
53                Create Room
54               <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="#ede0e0" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm6 13h-5v5h-2v-5h-5v-2h5v-5h2v5h5v2z"/></svg>
55            </a> -->
56        </div>
57    </header>
58
59    <main id="room__lobby__container">
60        <div id="form__container">
61             <div id="form__container__header">
62                 <p>👋 Create or Join Conference</p>
63             </div>
64 
65 
66            <form id="lobby__form">
67 
68                 <div class="form__field__wrapper">
69                     <label>Enter your Name</label>
70                     <input type="text" id="name" name="name" required placeholder="Enter a Username..." />
71                 </div>
72                
73                 <div class="form__field__wrapper" id="roomname">
74                     <label>Room or Securekey</label>
75                     <div style="font-size: 10px;">-> Leave empty to generate a unique Secure Conference Key</div>
76                     <input type="text" id="room" name="room" placeholder="Enter a room name." />
77                 </div>
78
79                <div class="form__field__wrapper" id="usertype">
80                        <label>Usertype</label>
81                        <!-- <div style="font-size: 10px;">-> Choose Standard for Normal Meetings and Administrator or Teacher for Professional Conferences</div>
82                -->
83                        <select class="form__field__wrapper" id="roletype" name="roletype" required>
84                            <option class="hidden" disabled>Usertype Type</option>
85                            <option value="standard" selected>Standard for Messenger Users</option>
86                            <option value="admin">Administrator or Teacher</option>
87                            <option value="user">User or Student</option>
88<!--                            <option value="teacher">Teacher</option>
89                            <option value="student">Student</option>
90                        -->
91
92                        </select>
93                </div>
94                <div class="form__field__wrapper" id="Audio">
95                        <label>Audio</label>
96                        <select class="form__field__wrapper" id="audio" name="audio" required>
97                            <option class="hidden" disabled>Audio on-off</option>
98                            <option value="on" selected>On</option>
99                            <option value="off">Off</option>
100                        </select>
101                </div>
102                
103                <div class="form__field__wrapper">
104                     <label id="labelpic">Your Picture or Avatar</label>
105                     <input type="file" class="form__field__wrapper" id="picture" accept="image/*" name="picture" placeholder="Enter the Filename with your Picture." />
106                 </div> 
107                 <input type="text" id="dummypic" style="display: none; margin: 0 auto" name="dummypic"/>
108                
109                <img id="picpreview" id="picpreview" style="display: none; margin: 10px auto" width="60">                  
110
111                <button id="deletepic__button" class="tooltip-down" style="background-color: transparent; border: 0; display: none;">
112<svg height="200px" width="200px" version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewB

112ox="0 0 24 24" xml:space="preserve" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <style type="text/css"> .st0{fill:#ffffff;} </style> <g> <path class="st0" d="M439.114,69.747c0,0,2.977,2.1-43.339-11.966c-41.52-12.604-80.795-15.309-80.795-15.309l-2.722-19.297 C310.387,9.857,299.484,0,286.642,0h-30.651h-30.651c-12.825,0-23.729,9.857-25.616,23.175l-2.722,19.297 c0,0-39.258,2.705-80.778,15.309C69.891,71.848,72.868,69.747,72.868,69.747c-10.324,2.849-17.536,12.655-17.536,23.864v16.695 h200.66h200.677V93.611C456.669,82.402,449.456,72.596,439.114,69.747z"></path> <path class="st0" d="M88.593,464.731C90.957,491.486,113.367,512,140.234,512h231.524c26.857,0,49.276-20.514,51.64-47.269 l25.642-327.21H62.952L88.593,464.731z M342.016,209.904c0.51-8.402,7.731-14.807,16.134-14.296 c8.402,0.51,14.798,7.731,14.296,16.134l-14.492,239.493c-0.51,8.402-7.731,14.798-16.133,14.288 c-8.403-0.51-14.806-7.722-14.296-16.125L342.016,209.904z M240.751,210.823c0-8.42,6.821-15.241,15.24-15.241 c8.42,0,15.24,6.821,15.24,15.241v239.492c0,8.42-6.821,15.24-15.24,15.24c-8.42,0-15.24-6.821-15.24-15.24V210.823z M153.833,195.608c8.403-0.51,15.624,5.894,16.134,14.296l14.509,239.492c0.51,8.403-5.894,15.615-14.296,16.125 c-8.403,0.51-15.624-5.886-16.134-14.288l-14.509-239.493C139.026,203.339,145.43,196.118,153.833,195.608z"></path> </g> </g></svg>
113                    <span class="tooltip-text-down">Unset your Picture</span>
114                </button>   
115
116<!--
117                <div class="tooltip">
118                <a class="nav__link tooltip" id="deletepic__btn">
119
120<svg  class="active" width="36" height="36" viewBox="0 0 36 36" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns" fill="#ffffff" stroke="#ffffff" transform="rotate(0)"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <title>trash</title> <desc>Created with Sketch Beta.</desc> <defs> </defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage"> <g id="Icon-Set" sketch:type="MSLayerGroup" transform="translate(-259.000000, -203.000000)" fill="#ffffff"> <path d="M282,211 L262,211 C261.448,211 261,210.553 261,210 C261,209.448 261.448,209 262,209 L282,209 C282.552,209 283,209.448 283,210 C283,210.553 282.552,211 282,211 L282,211 Z M281,231 C281,232.104 280.104,233 279,233 L265,233 C263.896,233 263,232.104 263,231 L263,213 L281,213 L281,231 L281,231 Z M269,206 C269,205.447 269.448,205 270,205 L274,205 C274.552,205 275,205.447 275,206 L275,207 L269,207 L269,206 L269,206 Z M283,207 L277,207 L277,205 C277,203.896 276.104,203 275,203 L269,203 C267.896,203 267,203.896 267,205 L267,207 L261,207 C259.896,207 259,207.896 259,209 L259,211 C259,212.104 259.896,213 261,213 L261,231 C261,233.209 262.791,235 265,235 L279,235 C281.209,235 283,233.209 283,231 L283,213 C284.104,213 285,212.104 285,211 L285,209 C285,207.896 284.104,207 283,207 L283,207 Z M272,231 C272.552,231 273,230.553 273,230 L273,218 C273,217.448 272.552,217 272,217 C271.448,217 271,217.448 271,218 L271,230 C271,230.553 271.448,231 272,231 L272,231 Z M267,231 C267.552,231 268,230.553 268,230 L268,218 C268,217.448 267.552,217 267,217 C266.448,217 266,217.448 266,218 L266,230 C266,230.553 266.448,231 267,231 L267,231 Z M277,231 C277.552,231 278,230.553 278,230 L278,218 C278,217.448 277.552,217 277,217 C276.448,217 276,217.448 276,218 L276,230 C276,230.553 276.448,231 277,231 L277,231 Z" id="trash" sketch:type="MSShapeGroup"> </path> </g> </g> </g></svg>
121                
122                    <svg xmlns="http://www.w3.org/2000/svg" class="active" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fdfafa" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 

1220 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
123                    </svg>
124                </a>
125                </div>
126            -->
127                <div class="tooltip">
128                <a class="nav__link tooltip" id="properties__btn">
129                    Conference Options                    
130<!--                    <svg xmlns="http://www.w3.org/2000/svg" class="active" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fdfafa" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
131
132                    </svg>
133                -->
134                    <span class="tooltip-text">Set Device- and Meeting Options</span>
135                </a>  
136                </div> 
137                 <div class="form__field__wrapper tooltip">
138                     <button type="submit" id="submit__button">Enter or Start Meeting 
139                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13.025 1l-2.847 2.828 6.176 6.176h-16.354v3.992h16.354l-6.176 6.176 2.847 2.828 10.975-11z"/>
140                        </svg>
141                        <span class="tooltip-text">Start or join the conference</span>
142                    </button>
143                 </div>
144                <div class="form__field__wrapper tooltip">
145                    <span style="display: flex;">
146<a style="margin: 0 auto";>
147<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="70" height="70" viewBox="0 0 120 120">
148<ellipse cx="60" cy="63.5" opacity=".35" rx="48" ry="48.5"></ellipse><ellipse cx="60" cy="59.5" fill="#0075ff" rx="48" ry="48.5"></ellipse><g opacity=".35"><path d="M60.036,35.975c3.289,0,5.964,2.653,5.964,6.001c0,3.417-2.675,6.069-5.964,6.069c-3.429,0-6.036-2.653-6.036-6.069 C54,38.628,56.608,35.975,60.036,35.975z"></path><rect width="12" height="39" x="54" y="53"></rect></g><path fill="#a4e2f1" d="M60.036,31.975c3.289,0,5.964,2.653,5.964,6.001c0,3.417-2.675,6.069-5.964,6.069 c-3.429,0-6.036-2.653-6.036-6.069C54,34.628,56.608,31.975,60.036,31.975z"></path><rect width="12" height="39" x="54" y="49" fill="#a4e2f1"></rect>
149</svg>
150</a>
151                    <p>INFO: Document Uploading (Cloudspace) and new Whiteboards will be integrated. However, the app is fully available.</p>
152                    </span>
153                </div>
154            </form>
155        </div>
156     </main>
157<!--
158    <main id="room__properties__container">
159        <div id="form__container">
160             <div id="form__container__header">
161                 <p>👋 Meeting Properties</p>
162             </div>
163 
164 
165            <form id="Properties__form">
166                
167                 <div class="form__field__wrapper">
168                     <button type="submit">Set Properties 
169                         <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M13.025 1l-2.847 2.828 6.176 6.176h-16.354v3.992h16.354l-6.176 6.176 2.847 2.828 10.975-11z"/></svg>
170                    </button>
171                 </div>
172            </form>
173        </div>
174     </main>
175    -->
176
177</body>

178<script type="text/javascript" src="js/cookiesession.js"></script>

178

179<script type="text/javascript" src="js/lobby.js"></script>

179
180</html>