-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathA.html
85 lines (81 loc) · 4.21 KB
/
A.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
<!-- Bada Bing, Bada Boom
The thoughts, ideas, and opinions both spoken and internalized
are the forces, that traverse all platforms, all standards
and all norms to form their unique class, unique style, and a
unique kind of ideology that future generations will look up to.
We are #!/Shabang. (c) 2019/2020 Shabang Systems, LLC. All rights reserved
unless explicitly stated otherwise or where it is prohibited by law -->
<!DOCTYPE html>
<html>
<head>
<title>#!/Shabang</title>
<link href="css/bootstrap/bootstrap.min.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap" rel="stylesheet">
<link href="css/masters/A.css" rel="stylesheet">
<link rel="shortcut icon" type="image/png" href="resources/slug.png"/>
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<script src="js/bootstrap/bootstrap.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body onload="loadScripts()">
<div id="loader" style="margin:auto;height: 200px;width: 200px;position:fixed;top:0;bottom:0;left:0;right:0;text-align:center;">
<h1 class="header-text">#!/Shabang</h1>
<br>
<div class="lds-ring"><div></div><div></div><div></div><div></div></div>
<br>
<h1 class="body-header">Load!</h1>
</div>
<div id="content-wrapper" style="display: none">
<div id="nav-wrapper">
<!-- Navs could change here -->
<nav class="navbar navbar-expand-sm navbar-light" style="box-shadow: 0px 24px 2px -25px black;">
<a class="navbar-brand" href="/">
<div class="container-fluid">
<div class="row no-gutters">
<div class="col-auto d-flex">
<img class="d-none d-sm-block" id="header-slug" src="resources/slug.png" alt="">
</div>
<div class="col-auto d-flex" style="padding: 0; align-content: initial">
<h1 class="header-text d-none d-sm-block" style="padding-left: 7px">/Shabang</h1>
<h1 class="header-text d-block d-sm-none">#!/Shabang</h1>
</div>
</div>
</div>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarText">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link" href="/">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">About</a>
</li>
</ul>
</div>
</nav>
</div>
<div id="story-wrapper">
<!-- Put Ye Stories Here! -->
</div>
<div id="splash", style="position: absolute; z-index:10;">
</div>
<script>
var tmOut;
function loadScripts() {
// Load your scripty scripts here, whatever.
// showpage();
tmOut = setTimeout(showPage, 500);
}
function showPage() {
$("#loader").css("display", "none");
$("#content-wrapper").css("display", "block");
}
</script>
</body>
</html>