Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Commit e2ec735

Browse files
ElBedeawiElBedeawi
committed
- updated bootstrap to v5.1.3
- handle preview size exceeding screen width, reported in issue #EslaMx7#11
1 parent 3deca48 commit e2ec735

4 files changed

Lines changed: 48 additions & 27 deletions

File tree

‎ScreenTask/ScreenTask.csproj‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -117,6 +117,9 @@
117117
<Content Include="WebServer\bootstrap.min.css">
118118
<CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
119119
</Content>
120+
<Content Include="WebServer\buymeacoffee.png">
121+
<CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
122+
</Content>
120123
<Content Include="WebServer\index.html">
121124
<CopyToOutputDirectory>PreserveNewest</CopyToOutputDirectory>
122125
</Content>

‎ScreenTask/WebServer/bootstrap.min.css‎

Lines changed: 7 additions & 7 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎ScreenTask/WebServer/buymeacoffee.png‎

1.47 KB
Loading

‎ScreenTask/WebServer/index.html‎

Lines changed: 38 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -16,9 +16,9 @@
1616

1717
.footer {
1818
border-top: 1px solid #eee;
19-
margin-top: 40px;
20-
padding-top: 40px;
21-
padding-bottom: 40px;
19+
margin-top: 20px;
20+
padding-top: 5px;
21+
padding-bottom: 5px;
2222
}
2323

2424
/* Main marketing message and sign up button */
@@ -116,46 +116,64 @@
116116

117117
<div class="masthead">
118118
<h1 class="text-muted">Screen Task</h1>
119-
<ul class="nav nav-justified">
120-
<li class="active"><a href="./">Home</a></li>
121-
<li><a target="_blank" href="https://github.com/EslaMx7/ScreenTask">Project On Github</a></li>
122-
<li><a id="lnkAbout" href="#">About</a></li>
119+
<ul class="nav nav-pills nav-fill">
120+
<li class="nav-item"><a class="nav-link active" href="./">Home</a></li>
121+
<li class="nav-item"><a class="nav-link" target="_blank" href="https://github.com/EslaMx7/ScreenTask">Project On Github</a></li>
122+
<li class="nav-item"><a class="nav-link" id="lnkAbout" href="#">About</a></li>
123123
</ul>
124124
</div>
125-
<br />
126-
<div id="msgAbout" class="alert alert-info alert-dismissable hidden">
127-
<button id="closeAbout" type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
128-
<strong>About!</strong>
125+
126+
<div id="msgAbout" class="alert alert-info alert-dismissable d-none mt-2">
127+
<div class="d-flex justify-content-between">
128+
<strong>About!</strong>
129+
<button id="closeAbout" type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
130+
</div>
129131
<p>Share Your Desktop With Your Friends Inside The Internal Network [No Internet Connection Required]</p>
130132
<p> This Application Developed by : Eslam Hamouda | &copy; EslaMxSoft 2014 </p>
131-
<p class="text-center"><em>Hope This Helps You On Your Work!</em></p>
132-
<p> Send Your Feedback to : [email protected]</p>
133+
<p class="text-center">
134+
<em>Hope This Helps You On Your Work!</em>
135+
<a href="https://www.buymeacoffee.com/eslamx7" target="_blank"><img src="./buymeacoffee.png"></a>
136+
</p>
137+
<p> Send Your Feedback to <a href="https://github.com/EslaMx7/ScreenTask/issues/new/choose" style="font-weight: bold;" target="_blank"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
138+
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z" />
139+
</svg> GitHub</a></p>
133140
</div>
134141

135142
<hr />
136143
<!-- Preview -->
137144
<div id="Viewer" class="imgPreview">
138-
<img id="imgPrev" src="ScreenTask.jpg" class="img-responsive" alt="LIVE! Sever Screen Now!" />
145+
<img id="imgPrev" src="ScreenTask.jpg" class="img-responsive" style="max-width: 100%;" alt="LIVE! Sever Screen Now!" />
139146
<br />
140-
<div class="well text-center">
147+
<div class="well text-center mt-2">
141148

142149
<div class="row">
143150

144151
<div class="col-lg-4 col-md-4 col-sm-4">
145-
<button id="btnStartStop" class="btn btn-lg btn-danger" data-state="stop">Stop Watching!</button>
152+
<button id="btnStartStop" class="btn btn-danger" data-state="stop">
153+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-stop-circle" viewBox="0 0 16 16">
154+
<path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z" />
155+
<path d="M5 6.5A1.5 1.5 0 0 1 6.5 5h3A1.5 1.5 0 0 1 11 6.5v3A1.5 1.5 0 0 1 9.5 11h-3A1.5 1.5 0 0 1 5 9.5v-3z" />
156+
</svg>
157+
Stop Watching!
158+
</button>
146159
</div>
147160

148161
<div id="intervalSection" class="col-lg-4 col-md-4 col-sm-4">
149162
<div class="input-group input-group-sm">
150163
<input id="txtInterval" type="text" class="form-control" placeholder="Interval in Mellisecond" value="500">
151164
<div class="input-group-btn">
152-
<button id="btnSetTimer" type="button" class="btn btn-default btn-md dropdown-toggle" data-toggle="dropdown">Set Refresh Interval(ms)</button>
165+
<button id="btnSetTimer" type="button" class="btn btn-outline-secondary">Set Refresh Interval(ms)</button>
153166
</div><!-- /btn-group -->
154167
</div><!-- /input-group -->
155168
</div>
156169

157170
<div class="col-lg-4 col-md-4 col-sm-4">
158-
<button id="btnFullscreen" class="btn btn-lg btn-primary">Fullscreen</button>
171+
<button id="btnFullscreen" class="btn btn-primary">
172+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrows-fullscreen" viewBox="0 0 16 16">
173+
<path fill-rule="evenodd" d="M5.828 10.172a.5.5 0 0 0-.707 0l-4.096 4.096V11.5a.5.5 0 0 0-1 0v3.975a.5.5 0 0 0 .5.5H4.5a.5.5 0 0 0 0-1H1.732l4.096-4.096a.5.5 0 0 0 0-.707zm4.344 0a.5.5 0 0 1 .707 0l4.096 4.096V11.5a.5.5 0 1 1 1 0v3.975a.5.5 0 0 1-.5.5H11.5a.5.5 0 0 1 0-1h2.768l-4.096-4.096a.5.5 0 0 1 0-.707zm0-4.344a.5.5 0 0 0 .707 0l4.096-4.096V4.5a.5.5 0 1 0 1 0V.525a.5.5 0 0 0-.5-.5H11.5a.5.5 0 0 0 0 1h2.768l-4.096 4.096a.5.5 0 0 0 0 .707zm-4.344 0a.5.5 0 0 1-.707 0L1.025 1.732V4.5a.5.5 0 0 1-1 0V.525a.5.5 0 0 1 .5-.5H4.5a.5.5 0 0 1 0 1H1.732l4.096 4.096a.5.5 0 0 1 0 .707z" />
174+
</svg>
175+
Fullscreen
176+
</button>
159177
</div>
160178
</div>
161179
<div class="row">
@@ -217,10 +235,10 @@ <h1 class="text-muted">Screen Task</h1>
217235
var closeAbout = document.getElementById('closeAbout');
218236
lnkAbout.onclick = function () {
219237

220-
msgAbout.className = "alert alert-info alert-dismissable";
238+
msgAbout.className = "alert alert-info alert-dismissable mt-2";
221239
};
222240
closeAbout.onclick = function () {
223-
msgAbout.className = "alert alert-info alert-dismissable hidden";
241+
msgAbout.className = "alert alert-info alert-dismissable d-none mt-2";
224242
};
225243

226244
function requestFullScreen(element) {

0 commit comments

Comments
 (0)