This repository has been archived by the owner on Nov 10, 2021. It is now read-only.
/
indexHTML.txt
136 lines (118 loc) · 3.12 KB
/
indexHTML.txt
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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<title>Shady Alley website!</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.1.3/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Dynatable/0.3.1/jquery.dynatable.min.js">
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.1.3/js/bootstrap.min.js">
</script>
<body>
</body>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js">
</script>
</head>
<body>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
.alert {
padding: 20px;
background-color: #f44336;
color: white;
opacity: 1;
transition: opacity 0.6s;
margin-bottom: 15px;
}
.alert.success {background-color: #04AA6D;}
.alert.info {background-color: #2196F3;}
.alert.warning {background-color: #ff9800;}
.closebtn {
margin-left: 15px;
color: white;
font-weight: bold;
float: right;
font-size: 22px;
line-height: 20px;
cursor: pointer;
transition: 0.3s;
}
.closebtn:hover {
color: black;
}
</style>
</head>
<body>
<div class="alert">
<span class="closebtn">×</span>
<strong>WARNING!</strong> Shady Alley Website is getting a MAJOR overhaul! Expect bugs to occur, and report them <a href="https://forms.gle/3hPLkVK23xUuswc79" target="_blank">here.</a> Thank you!
</div>
<div class="alert">
<span class="closebtn">×</span>
<strong>Info:</strong> Shady Alley Website moved to just-a-normal and is now https://just-a-normal.github.io/sawebsite. Thank you for understa!
</div>
<div class="alert info">
<span class="closebtn">×</span>
<strong>Hey!</strong> Welcome to the Shady Alley Website!
</div>
<script>
var close = document.getElementsByClassName("closebtn");
var i;
for (i = 0; i < close.length; i++) {
close[i].onclick = function(){
var div = this.parentElement;
div.style.opacity = "0";
setTimeout(function(){ div.style.display = "none"; }, 600);
}
}
</script>
<div class="container-fluid p-5 bg-primary text-white text-center">
<h1></h1>
<p>By the Shady Alley team.</p>
<h2><a type="button" class="btn btn-light" href="signsheet.html">Login</a></h2>
</div>
<div class="container mt-5">
<div class="row">
<div class="col-sm-4">
<head>
<head>
<style>
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
border: 1px solid #e7e7e7;
background-color: #f3f3f3;
}
li {
float: left;
}
li a {
display: block;
color: #666;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover:not(.active) {
background-color: #ddd;
}
li a.active {
color: white;
background-color: #0070ff;
}
</style>
</head>
<body>
<ul>
<li><a class="active" href="Home.html">Home</a></li>
<li><a href="Shady Alley.html">Shady Alley</a></li>
<li><a href="Shady Valley.html">Shady Valley</a></li>
<li><a href="CAATS.html">SCA</a></li>
<li><a href="Other.html">Other</a></li>
</ul>
</body>
</html>