-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
166 lines (153 loc) · 7.38 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
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
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!DOCTYPE html>
<html>
<head>
<title>RedJacket Web | By MBD DEV</title>
<link rel="stylesheet" href="/style/index.css">
<script src="https://kit.fontawesome.com/0ca27f8db1.js" crossorigin="anonymous"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="https://redjacket-web.cdn.madebydanny.uk/MBDTeamLogobyDesigner.png">
</head>
<body>
<div id="navbar">
<a class="active" href="index.html" id="logo">RedJacket Web</a>
<a href="https://dev.madebydanny.uk">By MBD DEV</a>
<div id="navbar-right">
<a href="about.html"><i class="fa-solid fa-user"></i>About</a>
<a href="templates.html"><i class="fa-solid fa-table-list"></i>Templates</a>
<a href="#upload"><i class="fa-solid fa-upload"></i>Upload</a>
<a href="#"> | </a>
<a href="search.html"><i class="fa-solid fa-magnifying-glass"></i></a>
<a onclick="topFunction()" id="myBtn" title="Go to top"><i class="fa-solid fa-arrow-up"></i></a>
<a onclick="myFunction1()" id="myBtn" title="Dark Mode"><i class="fa-solid fa-circle-half-stroke"></i></a>
<a href="info.html"><i class="fa-solid fa-info"></i></a>
<a href="#"> | </a>
<a href="info.html"><i class="fa-brands fa-reddit"></i></a>
<a href="info.html"><i class="fa-brands fa-youtube"></i></a>
<a href="info.html"><i class="fa-brands fa-twitch"></i></a>
<a href="info.html"><i class="fa-brands fa-github"></i></a>
</div>
</div>
<div class="container">
<img src="https://redjacket-web.cdn.madebydanny.uk/Design_20_1_.png" alt="MBD CDB Error" style="width:100%;height:800px;">
<div class="center-right color">
<a href="#templates">Get Stared For Free</a>
</div>
</div>
<hr>
<div class="row">
<div class="column50">
<div class="card">
<p>Embed video here</p>
</div>
</div>
<div class="column50">
<div class="red">
<h2 id="about">What is RedJacket Web</h2>
<p>RedJacket Web is a service by MBD DEV, RedJacket Web has awesome HTML5 Templates for anyone to download and view all our templates on GitHub. You can even upload your own template <a href="#upload">(Your Template Must follow our guidelines)</a> and request a template. RedJacket Web lets you customize the template however you want. All our Templates are powered by MBD CSS. All of this is free and will be for Life. As all MBD DEV services are funded by the community. </p>
</div>
</div>
<hr>
<div class="row">
<div class="column25">
<div class="header">
<h2 id="templates">Templates</h2>
<p>All of our Templates follow our guidelines</p>
</div>
</div>
</div>
<div class="row">
<div class="column">
<div class="card">
<a href="default.asp">
<img src="" alt="Click to Open | MBD CDN Error" style="width:100%;height:300px;">
</a>
<h2>Article</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit amet pretium urna. Vivamus venenatis velit nec neque ultricies, eget elementum magna tristique. Quisque vehicula, risus eget aliquam placerat, purus leo tincidunt eros, eget luctus quam orci in velit. Praesent scelerisque tortor sed accumsan convallis.</p>
</div>
</div>
<div class="column">
<div class="card">
<a href="default.asp">
<img src="" alt="Click to Open | MBD CDN Error" style="width:100%;height:300px;">
</a>
<h2>Photo Grid</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit amet pretium urna. Vivamus venenatis velit nec neque ultricies, eget elementum magna tristique. Quisque vehicula, risus eget aliquam placerat, purus leo tincidunt eros, eget luctus quam orci in velit. Praesent scelerisque tortor sed accumsan convallis.</p>
</div>
</div>
<div class="column">
<div class="card">
<a href="default.asp">
<img src="" alt="Click to Open | MBD CDN Error" style="width:100%;height:300px;">
</a>
<h2>Blog</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sit amet pretium urna. Vivamus venenatis velit nec neque ultricies, eget elementum magna tristique. Quisque vehicula, risus eget aliquam placerat, purus leo tincidunt eros, eget luctus quam orci in velit. Praesent scelerisque tortor sed accumsan convallis.</p>
</div>
</div>
</div>
<div class="row">
<div class="column100">
<div class="full">
<a href="templates.html">View More<a>
</div>
</div>
</div>
<div class="row">
<div class="column">
<div class="red">
<h2 id="upload">Upload Your own Template</h2>
<p>MBD DEV lets you add your own Template for free. <br>But your Template must meet the following:</p>
<p>#1 Your code must follow the GitHub community guidelines and terms. And MBD DEV Code guidelines. <br>
#2 Your code must be public on GitHub<br>
#3 You must have a file named "index.html" and CSS<br><b>MBD DEV guidelines</b><br> #1 No profanity There will not be any profanity as text on the overview and website page.
<br>#2 No "Bad" code your code will never steal the user data and information and be sold.
<br>#3 13+ there will not be any Nude photos and video on your site.
<br>Violating GitHub and MBD DEV Tearms and community guidelines will result in a report to your GitHub repo and Account and a Ban on all MBD Team services and social media. </p>
</div>
</div>
<div class="column66">
<div class="card">
<h2>Once you have read the Guidelines for uploading your own template you may start.</h2>
<iframe width="100%" height="350px" src="https://forms.office.com/Pages/ResponsePage.aspx?id=DQSIkWdsW0yxEjajBLZtrQAAAAAAAAAAAAN__jwgdtdUMjRLREo3QU9UMDA5RzBBQ0Q4SU5CSDI5MS4u&embed=true" frameborder="0" marginwidth="0" marginheight="0" style="border: none; max-width:100%; max-height:100vh" allowfullscreen webkitallowfullscreen mozallowfullscreen msallowfullscreen> </iframe>
</div>
</div>
</div>
<div class="floater">
<p>Powerd By MBD CDN | MBD DEV | Backed By Cloudflare</p>
</div>
<div class="github">
<div id="repoInfo">Connecting to api.github.com</div>
<script>
fetch('https://api.github.com/repos/therealfuntimeswithdanny/RedJacket-Web')
.then(response => response.json())
.then(data => {
const lastUpdated = new Date(data.updated_at).toLocaleString();
document.getElementById('repoInfo').innerText = `Last Updated From Github Pages at: ${lastUpdated}`;
});
</script>
</div>
<script>
// When the user scrolls down 80px from the top of the document, resize the navbar's padding and the logo's font size
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 80 || document.documentElement.scrollTop > 80) {
document.getElementById("navbar").style.padding = "30px 10px";
document.getElementById("logo").style.fontSize = "25px";
} else {
document.getElementById("navbar").style.padding = "80px 10px";
document.getElementById("logo").style.fontSize = "35px";
}
}
// Get the button
let mybutton = document.getElementById("myBtn");
// When the user clicks on the button, scroll to the top of the document
function topFunction() {
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
}
function myFunction1() {
var element = document.body;
element.classList.toggle("dark-mode");
}
</script>
</body>
</html>