-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
63 lines (63 loc) · 6.35 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>ISH Sheet - Bootstrap Alternative</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="favicon.png">
<!-- CSS !--><link rel="stylesheet" href="https://ish-sheet.ishacker.repl.co/bootstrap/1.1.0/css/ishsheet.min.css">
<!-- JS !--> <script src="https://ish-sheet.ishacker.repl.co/bootstrap/1.1.0/js/ishsheet.min.js"></script>
<script src="https://cdn.websitepolicies.io/lib/cookieconsent/1.0.3/cookieconsent.min.js" defer></script><script>window.addEventListener("load",function(){window.wpcc.init({"border":"thin","corners":"small","colors":{"popup":{"background":"#edfdfa","text":"#16d3d5","border":"#5ec2b6"},"button":{"background":"#5ec2b6","text":"#ffffff"}},"position":"bottom","padding":"small","margin":"large","transparency":"15","content":{"message":"ISH Sheet Uses Cookies.","link":"Learn More","button":"Acccept Cookies"}})});</script>
</head>
<body>
<script src="script.js"></script>
<nav id='menu' class="navMenu"><h1 style="float:left; margin-right:40px;"><img src="favicon.png" width="40" height="40">ISH SHEET (ALPHA)</h1>
<input type='checkbox' id='responsive-menu' onclick='updatemenu()'><label></label>
<ul>
<li><a href='#'>Home</a></li>
<li><a class='dropdown-arrow' href='#'>Select Version</a>
<ul class='sub-menus'>
<li><a href='#' style="font-family:'Helvetica Neue';">1.1.0(ALPHA)</a></li>
</ul>
</li>
<li><a class='dropdown-arrow' href='#'>Why ISH sheet?</a>
<ul class='sub-menus' style="width:300px;">
<li><a href='#table' style="font-size:16px;">Comparison with Bootstrap</a></li>
</ul>
</li>
<li><a href='#about'>About</a></li>
<li><a href='/contact'>Contact</a></li>
</ul>
</nav>
<br><br><br><br>
<center><h1>Welcome!</h1><br><section id="about"><p>ISH SHEET is a bootstrap alternative. More reliable, more powerful. Start Using it now:</p></section>
<br><input type="radio" id="html" checked="true" onclick="selectHtml()"><p style="display:inline; margin-right:40px;" onclick="selectHtml()">html</p><input type="radio" id="npm" onclick="selectNpm()"><p style="display:inline;" onclick="selectNpm()">npm</p><p>Current CDN:<br><div id="cdn"><textarea style="width: 280px; height: 136px;" id="cdntext"><!-- CSS !--><link rel="stylesheet" href="https://ish-sheet.ishacker.repl.co/bootstrap/1.1.0/css/ishsheet.min.css">
<!-- JS !--> <script src="https://ish-sheet.ishacker.repl.co/bootstrap/1.1.0/js/ishsheet.min.js"></script></textarea></div><p style="opacity:0;position:absolute; display:block; margin-left:40%;" class="tooltip">copy cdn to clipboard</p><img src="https://img.icons8.com/office/30/000000/copy-2.png" style="cursor:pointer; display:inline;" onclick="copyCdn()" draggable="false" onmouseenter="document.getElementsByClassName('tooltip')[0].style = 'position:absolute; display:block; margin-left:40%; opacity:70%;'" onmouseleave="document.getElementsByClassName('tooltip')[0].style = 'display:none;'"></p>
<br><p>File Issues, Get the full Source Code On github!<button class="btn btn-success" onclick="window.open('https://github.com/ishayu-c/ish-sheet/', '_blank')">Ish Sheet on Github ></button></p>
</center><br><br><br><br>
<h1>Download the compiled CSS and JS</h1>
<br><p>This doesn't include any documentation, source code, any optional JavaScript dependencies.</p><br><button class="btn btn-success" onclick="window.location='/ishsheet-1.1.0-dist.zip'">Download Now ></button><p>For an example of the styles and functions, <a href="/bootstrap/1.1.0">click here</a></p>
<section id="table">
<br><br><br><br>
<h1>Why ISH Sheet?</h1>
<br><br>
<div class="content-of"><div class="for-bootstrap"><h1 class="text-light sans-serif" style="font-size:40px;"><img src="https://vidframeslashlink.ishacker.repl.co/twbs.png" width="70" height="60">Bootstrap</h1><p style="margin-left:60px;" class="text-light sans-serif">❌Proprietary</p><p style="margin-left:60px;" class="text-light sans-serif">❌Less Styles</p><p style="margin-left:60px;" class="text-light sans-serif">❌Less Examples of Styles</p></div><div class="for-ish-sheet"><h1 class="text-light" style="font-size:40px;"><img src="favicon.png" width="70" height="60">ISH Sheet</h1><p style="margin-left:60px;" class="text-light">✅Open-Source</p><p style="margin-left:60px;" class="text-light">✅More Styles</p><p style="margin-left:60px;" class="text-light">✅More Examples of Styles</p></div></div></section><br><br><br><br><br><p>Now it's up to you</p><br><button class="btn btn-success" onclick="window.location='#'">Choose ISH Sheet</button><button class="btn btn-danger" onclick="window.location='https://getbootstrap.com'">Choose Bootstrap</button><br><br><br><center><p class="sans-serif text-dark" style="opacity:40%; font-size:17px;">ⒸISH Sheet 2022 (v1.1.0)</p></center><br><section id="footer"><div class="content-of" style="background-color:gray;"><div class="for-ish-sheet" style="float:left;"><img src="favicon.png" width="70" height="60"><h1 class="text-light" style="display:inline;">ISH Sheet</h1></div><div class="for-bootstrap" style="float:right;height:100%;"><span class="footer-links sans-serif text-light" onclick="window.open('https://opencollective.com/ish-sheet', '_blank')">Sponsor ISH Sheet</span><br><br><span class="footer-links sans-serif text-light" onclick="window.open('https://github.com/ishayu-c/ish-sheet', '_blank')">Github</span><br></div></div></section>
<script>
function selectHtml() {
document.getElementById("cdn").innerHTML = '<textarea style="width: 280px; height: 136px;" id="cdntext"><!-- CSS !--><link rel="stylesheet" href="https://ish-sheet.ishacker.repl.co/bootstrap/1.1.0/css/ishsheet.min.css"><!-- JS !--> <script src="https://ish-sheet.ishacker.repl.co/bootstrap/1.1.0/js/ishsheet.min.js"></script></textarea>';
}
function selectNpm() {
document.getElementById("cdn").innerHTML = "<p class='text-danger'>Coming Soon</p>";
}
function copyCdn(cdntext) {
cdntext=document.getElementById("cdntext");
cdntext.select();
cdntext.click();
cdntext.setSelectionRange(0, 99999);
navigator.clipboard.writeText(cdntext.value);
window.alert("copied to clipboard")
}
</script>
</body>
</html>