Skip to content

Commit b844c27

Browse files
YesTheProxyYesTheProxy
authored
Update index.html
1 parent 58f2b26 commit b844c27

File tree

1 file changed

+30
-162
lines changed

1 file changed

+30
-162
lines changed

‎index.html

Lines changed: 30 additions & 162 deletions
Original file line numberDiff line numberDiff line change
@@ -1,190 +1,58 @@
11
<!DOCTYPE html>
22
<html>
33
<head>
4-
<title>Website Under Construction</title>
4+
<title>Here have some silly flash games</title>
55
<style>
6-
@font-face {
7-
font-family: 'Jersey10';
8-
src: url('Jersey10-Regular.ttf') format('truetype');
9-
}
10-
11-
body {
12-
background-color: #f2f2f2;
13-
font-family: 'Press Start 2P', Arial, sans-serif;
14-
text-align: center;
15-
padding-top: 100px;
16-
}
17-
18-
h1 {
19-
font-size: 36px;
20-
color: #333;
21-
margin-bottom: 20px;
22-
}
6+
/* Your existing CSS styles here */
237

24-
p {
25-
font-size: 18px;
26-
color: #666;
27-
margin-bottom: 40px;
28-
}
29-
30-
.logo {
31-
margin-bottom: 40px;
32-
}
33-
34-
.github-button {
35-
display: inline-block;
36-
padding: 12px 24px;
37-
background-color: #333;
38-
color: #fff;
39-
text-decoration: none;
40-
border-radius: 4px;
41-
font-size: 18px;
42-
transition: background-color 0.3s ease;
43-
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
44-
}
45-
46-
.github-button:hover {
47-
background-color: #555;
48-
}
49-
50-
.youtube-button {
51-
display: inline-block;
52-
padding: 12px 24px;
53-
background-color: #ff0000;
54-
color: #fff;
55-
text-decoration: none;
56-
border-radius: 4px;
57-
font-size: 18px;
58-
transition: background-color 0.3s ease;
59-
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
60-
}
61-
62-
.youtube-button:hover {
63-
background-color: #ff3333;
64-
}
65-
66-
.twitch-button {
67-
display: inline-block;
68-
padding: 12px 24px;
69-
background-color: #6441A4;
70-
color: #fff;
71-
text-decoration: none;
72-
border-radius: 4px;
73-
font-size: 18px;
74-
transition: background-color 0.3s ease;
75-
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
76-
}
77-
78-
.twitch-button:hover {
79-
background-color: #8C5FAF;
80-
}
81-
82-
.contact-button {
83-
display: inline-block;
84-
padding: 12px 24px;
85-
background-color: #007BFF;
86-
color: #fff;
87-
text-decoration: none;
88-
border-radius: 4px;
89-
font-size: 18px;
90-
transition: background-color 0.3s ease;
91-
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
92-
}
93-
94-
.contact-button:hover {
95-
background-color: #0056b3;
96-
}
97-
98-
.tab {
99-
display: inline-block;
100-
margin: 0 10px;
101-
font-size: 24px;
102-
color: #333;
103-
text-decoration: none;
104-
transition: color 0.3s ease;
105-
}
106-
107-
.tab:hover {
108-
color: #555;
109-
}
110-
111-
.active {
112-
color: #555;
113-
}
114-
115-
.content {
116-
display: none;
117-
margin-top: 40px;
118-
}
119-
120-
.content.active {
121-
display: block;
122-
}
123-
124-
/* New CSS for the About Us section */
125-
.about-us {
8+
/* New styles for the Flash Games section */
9+
.flash-games {
12610
margin-top: 60px;
12711
}
12812

129-
.about-us h2 {
13+
.flash-games h2 {
13014
font-size: 28px;
13115
color: #333;
13216
margin-bottom: 10px;
13317
}
13418

135-
.about-us p {
19+
.flash-games p {
13620
font-size: 16px;
13721
color: #666;
13822
margin-bottom: 20px;
13923
}
140-
141-
/* Additional CSS modifications */
142-
.about-us-heading {
143-
font-size: 24px;
144-
color: #333;
145-
margin-bottom: 20px;
146-
}
147-
148-
.about-us-content {
149-
margin-top: 40px;
150-
}
15124
</style>
15225
<script>
153-
function copyToClipboard(text) {
154-
const textarea = document.createElement('textarea');
155-
textarea.value = text;
156-
document.body.appendChild(textarea);
157-
textarea.select();
158-
document.execCommand('copy');
159-
document.body.removeChild(textarea);
160-
alert('Email copied to clipboard: ' + text);
26+
// Your existing JavaScript functions here
27+
28+
// New JavaScript for the Flash Games section
29+
function loadFlashGame(gameUrl) {
30+
// Use Ruffle to load the Flash game
31+
// Insert Ruffle code here
16132
}
16233
</script>
16334
</head>
16435
<body>
165-
<div class="logo">
166-
<img src="image1.png" alt="Logo" width="600">
36+
<!-- Your existing content -->
37+
38+
<a href="#" class="tab">Home</a>
39+
<a href="#" class="tab">About Us</a>
40+
<a href="#" class="tab active">Flash Games</a>
41+
42+
<div class="content">
43+
<div class="flash-games">
44+
<h2>Flash Games</h2>
45+
<p>Enjoy some classic Flash games with Ruffle!</p>
46+
47+
<!-- Place to display Flash games -->
48+
<div id="flash-game-container"></div>
49+
50+
<!-- Example button to load a Flash game -->
51+
<button onclick="loadFlashGame('game.swf')">Load Game</button>
52+
</div>
16753
</div>
168-
<h1>Website Under Construction</h1>
169-
<p>Sorry for the inconvenience. We are currently working on our website and will be back soon!</p>
170-
<a href="https://github.com/RamWorks-Development-Group/RamHub" class="github-button">GitHub</a>
171-
<a href="https://youtube.com/@Ram_Networks" class="youtube-button">YouTube</a>
172-
<a href="https://twitch.tv/ramnetworks" class="twitch-button">Twitch</a>
173-
<button class="contact-button" onclick="copyToClipboard('[email protected]')">Contact Us</button>
17454

175-
<script>
176-
const tabs = document.querySelectorAll('.tab');
177-
const contents = document.querySelectorAll('.content');
178-
179-
tabs.forEach((tab, index) => {
180-
tab.addEventListener('click', () => {
181-
tabs.forEach((tab) => tab.classList.remove('active'));
182-
contents.forEach((content) => content.classList.remove('active'));
55+
<!-- Your existing JavaScript for tab functionality -->
18356

184-
tab.classList.add('active');
185-
contents[index].classList.add('active');
186-
});
187-
});
188-
</script>
18957
</body>
19058
</html>

0 commit comments

Comments
 (0)