-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
73 lines (68 loc) · 2.72 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="utf-8">
<link rel="shortcut icon" type="image/x-icon" href="/x-icons/favicon.ico">
<meta name="description" content="Reder directly your HTML files and get an HMTML Preview when you open the link for you Github Page.">
<meta name="keywords" content="Github, HTML, Preview, HTMLView, Developer, Page, Follow, Star, Fork, Issue">
<meta name="author" content="Benz Rodrigo">
<meta charset="utf-8">
<title>HTMLView</title>
<style>
body {
font: 12px 'Helvetica Neue', Helvetica, Arial, freesans, clean, sans-serif;
color: #333;
}
h1 {
font-size: 20px;
}
a {
color: #666;
}
form {
padding: 20px;
text-align: center;
}
strong {
color: #333;
background-color: #FAFFA6;
padding: 0.1em;
}
i {
color: #000080;
}
input[type="url"] {
font-size: 10px; background-color:#F2F2F2;
border:1px solid #555; border-radius: 3px;
height:20px; width:350px;
-webkit-transition: 0.5s;
outline:none; display: inline-block;
padding: 2px 2px;
}
input[type="url"]:focus {
border: 2px solid #ccc;
}
#footer {
margin: 20px 0;
font-size: 12px;
color: #666;
}
</style>
</head>
<body>
<form id="previewform" action="">
<h1>HTMLView | <a href="https://github.com/htmlview">HTMLView.Github.io</h1>
<p id="footer">Modified by Benz Rodrigo | <a href="https://github.com/iambenzrodrigo">Follow @iambenzrodrigo</a></p>
<p id="info">Render your HTML file see actual preview. This is wil only if the URL ens in ".html" extensions.</p>
<p>Used Bookmarklet for faster preview especially if your on Github and Bitbucket.
<br>Allow pop-up for this and set bookmarks bar to show, then drag <a href="javascript:void('http://htmlview.github.io/'==window.location?alert('Drag me Firts to your bookmarks bar!'):window.location='http://htmlview.github.io/?'+window.location)"><i>HTMLView</i></a> to your bookmarks bar.</p>
<p id="info"><B>HOW-TO:</B>Just Copy and Paste the URL location of the HTML File on the box bellow and click the PREVIEW button or press enter.</p>
<p><input type="url" id="file" value="" placeholder=" enter url of html file to show preview" size="30" onfocus="this.value=''" autofocus> <input type="submit" value="PREVIEW"></p>
<p id="sub"> If not working, manualy enter the URL's in the address bar<strong>http://htmlview.github.io/?</strong>plus the HTML file to preview, example:
<br><i>https://htmlview.github.io/?></i><b>+</b><i>https://github.com/twbs/bootstrap/blob/gh-pages/2.3.2/index.html</i></p>
</form>
<script src="/htmlview.min.js"></script>
<script>HTMLView.init();</script>
</body>
</html>