-
Notifications
You must be signed in to change notification settings - Fork 367
/
app.html
96 lines (89 loc) · 3.9 KB
/
app.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<title>ScreenCat</title>
<meta name="author" content="max ogden">
<meta name="description" content="cool appz">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="stylesheets/css/tachyons.css" />
<link rel="stylesheet" href="stylesheets/css/screencat.css" />
</head>
<body class="wi-100">
<div class="sharing-container dn">
<main class="center mw8 phm phl-ns ptl pbxl">
<p class="mono gray lh-copy thin mw7 f4 f3-ns">
You are now sharing your screen.
<a class="destroy-button small link tc pas db w-20 btn" style="display: inline;">Stop</a>
</p>
</main>
</div>
<div class="viewing-container dn">
<main class="center mw8 phm phl-ns ptl pbxl">
<p class="mono gray lh-copy thin mw7 f4 f3-ns">
You are now viewing a remote screen.
<br />
<a class="destroy-button small link tc pas db w-20 btn" style="display: inline;">Stop Viewing</a>
<a class="show-button small link tc pas db w-20 btn" style="display: inline;">Show Window</a>
</p>
</main>
</div>
<div class="content-container">
<header class="main-header bb b--light-gray pvs">
<div class="center mw8 phm phl-ns">
<h1 class="f3 book dib prm man">ScreenCat</h1>
<div class="fr">
<a class="back-button small link tc pas btn btn-plain"></a>
<a class="quit-button small link tc pas btn btn-plain"></a>
</div>
</div>
</header>
<main class="center mw8 phm phl-ns ptl">
<div class="choose-container">
<div class="cr">
<p class="mbl">While sharing the remote person will have full access to your desktop, mouse and keyboard.</p>
<div class="w-50 left">
<a class="share-button tc phs pvs pvm-ns f4 btn w-100 mw-fill mrm">Share Your Screen</a>
</div>
<div class="w-50 left">
<a class="join-button tc phs pvs pvm-ns f4 btn w-100 mw-fill mlm">Join Remote Screen</a>
</div>
</div>
</div>
<div class="capturer-container dn">
<div class="cr">
<p class="mbl">Select the window you want to share:</p>
<ul class="capturer-list"></ul>
</div>
</div>
<div class="share-container dn">
<h2 class="f4 ttu book">Share</h2>
<div class="cr">
<div class="w-80 left prl">
<input type="text" class="code-copy-input pam brs ba b--light-gray w-100 mw-fill" autofocus></input>
</div>
<div class="w-20 left">
<div class="code-copy-button tc phs pvs pvm-ns f4 btn w-100 mw-fill">Copy</div>
</div>
</div>
<p>Send this code to the person you want to share your screen with. They can use <a href="https://github.com/maxogden/screencat/releases/latest" class="open-externally">ScreenCat.app</a> or <a href="http://maxogden.github.io/screencat/remote" class="open-externally">http://maxogden.github.io/screencat/remote</a> in Chrome/Firefox. <strong>Please wait here until they connect.</strong></p>
</div>
<div class="join-container dn">
<h2 class="f4 ttu book cl">join</h2>
<div class="cr">
<div class="w-80 left prl">
<input type="text" class="code-paste-input pam brs ba b--light-gray w-100 mw-fill" value="Loading..." autofocus></input>
</div>
<div class="w-20 left">
<div class="code-paste-button tc phs pvs pvm-ns f4 btn w-100 mw-fill">Connect</div>
</div>
</div>
<p>Enter a code to connect to a remote screen. <span class="code-mdns">Found <a href="javascript:void(0)" class="code-mdns-button"></a> near you</span></p>
</div>
</main>
</div>
<div class="multimedia-container"></div>
<script src="app.js"></script>
</body>
</html>