elias/vdo.ninja
1
0
Fork 0
mirror of https://github.com/eliasstepanik/vdo.ninja.git synced 2026-01-14 15:18:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #814 from jcalado/share-website-tips

Browse Source 
share website tips on the new .message-card
This commit is contained in:
Steve Seguin 2021-03-31 10:52:54 -04:00 committed by GitHub
commit 6b3f538da3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 17 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
index.html
View File

@ -651,11 +651,14 @@
<input type="text" autocorrect="off" id="iframeURL" autocapitalize="none" style="margin:10px; border:2px solid; padding:10px; width:400px;" title="Enter an HTTPS URL" multiple/><br />
<button onclick="previewIframe(getById('iframeURL').value);" >Preview</button>
<button onclick="this.innerHTML = 'Update'; session.publishIFrame(getById('iframeURL').value);" >Share</button><br />
<small class="iframeblob">
<li>Not all websites will work with this feature as some sites disallow embedding.</li>
<li>The site will try to auto-optimize standard Youtube or Twitch links.</li>
<li>Remote websites must be CORS/IFrame compatible with full SSL-encryption enabled.</li>
</small>
<div class="message-card info">
<h1>Notes</h1>
<ul>
<li>Not all websites will work with this feature as some sites disallow embedding.</li>
<li>The site will try to auto-optimize standard Youtube or Twitch links.</li>
<li>Remote websites must be CORS/IFrame compatible with full SSL-encryption enabled.</li>
</ul>
</div>
<div id="iFramePreview" style=" width: 1280px; height: 720px; margin: auto; padding: 10px;"></div>
</div>
<div class="outer close">

16
main.css
View File

@ -2398,13 +2398,6 @@ span#guestTips {
cursor:pointer;
}
.iframeblob{
padding-top:18px;
text-align: left;
width: 600px;
display: block;
margin: auto;
}
#shareScreenGear{
display:none;
}
@ -2468,6 +2461,15 @@ div.message-card.info:before {
content: "\f05a";
}
.message-card ul {
text-align: left;
margin-top: var(--regular-margin);
}
.message-card li {
margin: 5px 0;
}
@keyframes floating {
0% { transform: translate(0, 0px); }
50% { transform: translate(0, 15%); }