-
Notifications
You must be signed in to change notification settings - Fork 7
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
58f2b26
commit b844c27
Showing
1 changed file
with
30 additions
and
162 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,190 +1,58 @@ | ||
| <!DOCTYPE html> | ||
| <html> | ||
| <head> | ||
| <title>Website Under Construction</title> | ||
| <title>Here have some silly flash games</title> | ||
| <style> | ||
| @font-face { | ||
| font-family: 'Jersey10'; | ||
| src: url('Jersey10-Regular.ttf') format('truetype'); | ||
| } | ||
|
|
||
| body { | ||
| background-color: #f2f2f2; | ||
| font-family: 'Press Start 2P', Arial, sans-serif; | ||
| text-align: center; | ||
| padding-top: 100px; | ||
| } | ||
|
|
||
| h1 { | ||
| font-size: 36px; | ||
| color: #333; | ||
| margin-bottom: 20px; | ||
| } | ||
| /* Your existing CSS styles here */ | ||
|
|
||
| p { | ||
| font-size: 18px; | ||
| color: #666; | ||
| margin-bottom: 40px; | ||
| } | ||
|
|
||
| .logo { | ||
| margin-bottom: 40px; | ||
| } | ||
|
|
||
| .github-button { | ||
| display: inline-block; | ||
| padding: 12px 24px; | ||
| background-color: #333; | ||
| color: #fff; | ||
| text-decoration: none; | ||
| border-radius: 4px; | ||
| font-size: 18px; | ||
| transition: background-color 0.3s ease; | ||
| box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); | ||
| } | ||
|
|
||
| .github-button:hover { | ||
| background-color: #555; | ||
| } | ||
|
|
||
| .youtube-button { | ||
| display: inline-block; | ||
| padding: 12px 24px; | ||
| background-color: #ff0000; | ||
| color: #fff; | ||
| text-decoration: none; | ||
| border-radius: 4px; | ||
| font-size: 18px; | ||
| transition: background-color 0.3s ease; | ||
| box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); | ||
| } | ||
|
|
||
| .youtube-button:hover { | ||
| background-color: #ff3333; | ||
| } | ||
|
|
||
| .twitch-button { | ||
| display: inline-block; | ||
| padding: 12px 24px; | ||
| background-color: #6441A4; | ||
| color: #fff; | ||
| text-decoration: none; | ||
| border-radius: 4px; | ||
| font-size: 18px; | ||
| transition: background-color 0.3s ease; | ||
| box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); | ||
| } | ||
|
|
||
| .twitch-button:hover { | ||
| background-color: #8C5FAF; | ||
| } | ||
|
|
||
| .contact-button { | ||
| display: inline-block; | ||
| padding: 12px 24px; | ||
| background-color: #007BFF; | ||
| color: #fff; | ||
| text-decoration: none; | ||
| border-radius: 4px; | ||
| font-size: 18px; | ||
| transition: background-color 0.3s ease; | ||
| box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); | ||
| } | ||
|
|
||
| .contact-button:hover { | ||
| background-color: #0056b3; | ||
| } | ||
|
|
||
| .tab { | ||
| display: inline-block; | ||
| margin: 0 10px; | ||
| font-size: 24px; | ||
| color: #333; | ||
| text-decoration: none; | ||
| transition: color 0.3s ease; | ||
| } | ||
|
|
||
| .tab:hover { | ||
| color: #555; | ||
| } | ||
|
|
||
| .active { | ||
| color: #555; | ||
| } | ||
|
|
||
| .content { | ||
| display: none; | ||
| margin-top: 40px; | ||
| } | ||
|
|
||
| .content.active { | ||
| display: block; | ||
| } | ||
|
|
||
| /* New CSS for the About Us section */ | ||
| .about-us { | ||
| /* New styles for the Flash Games section */ | ||
| .flash-games { | ||
| margin-top: 60px; | ||
| } | ||
|
|
||
| .about-us h2 { | ||
| .flash-games h2 { | ||
| font-size: 28px; | ||
| color: #333; | ||
| margin-bottom: 10px; | ||
| } | ||
|
|
||
| .about-us p { | ||
| .flash-games p { | ||
| font-size: 16px; | ||
| color: #666; | ||
| margin-bottom: 20px; | ||
| } | ||
|
|
||
| /* Additional CSS modifications */ | ||
| .about-us-heading { | ||
| font-size: 24px; | ||
| color: #333; | ||
| margin-bottom: 20px; | ||
| } | ||
|
|
||
| .about-us-content { | ||
| margin-top: 40px; | ||
| } | ||
| </style> | ||
| <script> | ||
| function copyToClipboard(text) { | ||
| const textarea = document.createElement('textarea'); | ||
| textarea.value = text; | ||
| document.body.appendChild(textarea); | ||
| textarea.select(); | ||
| document.execCommand('copy'); | ||
| document.body.removeChild(textarea); | ||
| alert('Email copied to clipboard: ' + text); | ||
| // Your existing JavaScript functions here | ||
|
|
||
| // New JavaScript for the Flash Games section | ||
| function loadFlashGame(gameUrl) { | ||
| // Use Ruffle to load the Flash game | ||
| // Insert Ruffle code here | ||
| } | ||
| </script> | ||
| </head> | ||
| <body> | ||
| <div class="logo"> | ||
| <img src="image1.png" alt="Logo" width="600"> | ||
| <!-- Your existing content --> | ||
|
|
||
| <a href="#" class="tab">Home</a> | ||
| <a href="#" class="tab">About Us</a> | ||
| <a href="#" class="tab active">Flash Games</a> | ||
|
|
||
| <div class="content"> | ||
| <div class="flash-games"> | ||
| <h2>Flash Games</h2> | ||
| <p>Enjoy some classic Flash games with Ruffle!</p> | ||
|
|
||
| <!-- Place to display Flash games --> | ||
| <div id="flash-game-container"></div> | ||
|
|
||
| <!-- Example button to load a Flash game --> | ||
| <button onclick="loadFlashGame('game.swf')">Load Game</button> | ||
| </div> | ||
| </div> | ||
| <h1>Website Under Construction</h1> | ||
| <p>Sorry for the inconvenience. We are currently working on our website and will be back soon!</p> | ||
| <a href="https://github.com/RamWorks-Development-Group/RamHub" class="github-button">GitHub</a> | ||
| <a href="https://youtube.com/@Ram_Networks" class="youtube-button">YouTube</a> | ||
| <a href="https://twitch.tv/ramnetworks" class="twitch-button">Twitch</a> | ||
| <button class="contact-button" onclick="copyToClipboard('thealt@skiff.com')">Contact Us</button> | ||
|
|
||
| <script> | ||
| const tabs = document.querySelectorAll('.tab'); | ||
| const contents = document.querySelectorAll('.content'); | ||
|
|
||
| tabs.forEach((tab, index) => { | ||
| tab.addEventListener('click', () => { | ||
| tabs.forEach((tab) => tab.classList.remove('active')); | ||
| contents.forEach((content) => content.classList.remove('active')); | ||
| <!-- Your existing JavaScript for tab functionality --> | ||
|
|
||
| tab.classList.add('active'); | ||
| contents[index].classList.add('active'); | ||
| }); | ||
| }); | ||
| </script> | ||
| </body> | ||
| </html> |