Skip to content

Commit

Permalink
ass
Browse files Browse the repository at this point in the history
  • Loading branch information
@RTXT25
RTXT25 committed Jun 4, 2024
1 parent 276d15d commit b10223f
Show file tree
Hide file tree
Showing 10 changed files with 97 additions and 46 deletions.
58 changes: 42 additions & 16 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -4,45 +4,71 @@
<script src="script.js"></script>
<script>
window.onload = function() {
var checkbox = document.getElementById('skipstartcb');
var isChecked = localStorage.getItem('checkboxState') === 'true';
checkbox.checked = isChecked;

checkbox.addEventListener('change', function() {
localStorage.setItem('checkboxState', this.checked);
});
if (isChecked) {
switchPage('homepg');
}
var words = ['Comic Sans Enjoyer', 'Splatoon Addict', 'Lunar was here','Average Balls Enjoyer', 'Insert Splash Text Here'];
var randomWord = words[Math.floor(Math.random() * words.length)];
document.getElementById('splashtext').textContent = randomWord;
};
</script>
</head>
<body>
<div id="startpg" class="active">
<div id="startpg" class="active"><br>
<h1>RTXT25.Github.io</h1>
<div id="mainsplash"><p style="color:rgb(225, 255, 0);" id="splashtext">Splash text</p></div>
<div id="mainsplash"><p style="color:rgb(225, 255, 0);" id="splashtext">Splash text no workie</p></div>
<button class="btnstart" onclick="switchPage('homepg');"></button><p></p>
<button class="btnsettings" onclick="switchPage('settingspg');"></button>
</div>
<div id="settingspg">
<p>Settings</p>
<br><br>
<h1 id="bigtxt">Setting</h1>
<input type="checkbox" id="skipstartcb" class="btn-settings">
<label for="skipstarcb">Skip Start Page</label><p>
<button class="btn-nuts" onclick="switchPage('homepg');"></button>
<label id="bigtxt" for="skipstartcb">Skip Start Page</label><p>
<button class="btn-home" onclick="switchPage('homepg');"></button>
</div>

<div id="homepg">
<p>home page</p>
<button class="btn-beans" onclick="switchPage('info');"></button><p></p>
<p id="bigtxt">home page</p>
<button class="btn-info" onclick="switchPage('info');"></button><p></p>
<button class="btn-legg" onclick="switchPage('minecraft');"></button><p></p>
<button class="btn-rock" onclick="switchPage('page5');"></button><p></p>
<button class="btn-rock" onclick="switchPage('projects');"></button><p></p>
<button class="btnsettings" onclick="switchPage('settingspg');">
</div>
<div id="info">
<h2>Info</h2>
<p>Random infos<p>
<button class="btn-nuts" onclick="switchPage('homepg');"></button>
<h2 id="bigtxt">Info</h2>
<p id="bigtxt">I do the gaming and the code sometimes<p>
<p></p>
<p id="bigtxt">links:</p>
<p>
<button class="btn-yt" onclick="window.open('https://www.youtube.com/channel/UCd6XW-wNMjmUl2L-18Pjk5A', '_blank');">Open Link</button>
<button class="btn-git" onclick="window.open('https://github.com/RTXT25', '_blank');">Open Link</button>
<button class="btn-twitch" onclick="window.open('https://www.twitch.tv/rtxt25', '_blank');">Open Link</button>
</p><p>
<button class="btn-x" onclick="window.open('https://twitter.com/rtxt25', '_blank');"></button>
<button class="btn-reddit" onclick="window.open('https://www.reddit.com/user/Skool_human_boi', '_blank');"></button>
</p>
<button class="btn-home" onclick="switchPage('homepg');"></button>
</div>
<div id="minecraft">
<p>minecraft</p>
<button class="btn-nuts" onclick="switchPage('homepg');"></button>
<h2 id="bigtxt">minecraft</h2>
<p id="bigtxt">All my random minecraft stuffs</p>
<button class="btn-lean" onclick="window.open('https://rtxt25.github.io/Downloads/actualstuff/minecraft/mods/LEAN.jar', '_blank');"></button>
<label class="bigtxt" for="btn-lean" class="label-primary">Lean Mod</label>
<p class ="smalltxt">amogus</p>
<p>
<button class="btn-home" onclick="switchPage('homepg');"></button>
</div>
<div id="page5">
<p>Rock</p>
<button class="btn-nuts" onclick="switchPage('homepg');"></button>
<div id="projects">
<p>Project</p>
<button class="btn-home" onclick="switchPage('homepg');"></button>
</div>
</body>
</html>
Binary file added png/download.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added png/github.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added png/info.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added png/reddit.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added png/twitch.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added png/xcom.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added png/yt.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
19 changes: 2 additions & 17 deletions script.js
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
function switchPage(pageToShow) {
var pages = ['startpg', 'homepg', 'info', 'minecraft', 'page5', 'settingspg'];
var pages = ['startpg', 'homepg', 'info', 'minecraft', 'projects', 'settingspg'];
pages.forEach(function(pageId) {
var page = document.getElementById(pageId);
if (pageId === pageToShow) {
Expand All @@ -8,19 +8,4 @@ function switchPage(pageToShow) {
page.classList.remove('active');
}
});


}
window.onload = function() {
var checkbox = document.getElementById('skipstartcb');
var isChecked = localStorage.getItem('checkboxState') === 'true';
checkbox.checked = isChecked;

checkbox.addEventListener('change', function() {
localStorage.setItem('checkboxState', this.checked);
});

if (isChecked) {
switchPage('homepg');
}
};
}
66 changes: 53 additions & 13 deletions styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,22 +2,24 @@
body {
font-family: 'Comic Sans MS', sans-serif;
}
#startpg, #homepg, #info, #minecraft, #page5, #settingspg {
#startpg, #homepg, #info, #minecraft, #projects, #settingspg {
display: none;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
#startpg{
font-size: 2em;
}
#startpg.active, #homepg.active, #info.active, #minecraft.active, #page5.active ,#settingspg.active{
#startpg.active, #homepg.active, #info.active, #minecraft.active, #projects.active ,#settingspg.active{
display: block;
}
#smaltxt{
font-size: 3px;
}
#bigtxt{
font-size: 2em;
}
button {
background-size: cover;
width: 100px; /* adjust as needed */
height: 100px; /* adjust as needed */
border: none;
color: transparent;
transition: filter 0.3s ease;
Expand All @@ -35,27 +37,65 @@
height: 80px;
background-image: url('png/settings.png');
}
.btn-nuts {
background-image: url('png/PKlogo.png');
.btn-yt{
width: 250px; /* adjust as needed */
height: 80px;
background-image: url('png/yt.png');
}
.btn-beans {
.btn-x{
width: 250px; /* adjust as needed */
height: 80px;
background-image: url('png/xcom.png');
}
.btn-git{
width: 250px; /* adjust as needed */
height: 80px;
background-image: url('png/github.png');
}
.btn-twitch{
width: 250px; /* adjust as needed */
height: 80px;
background-image: url('png/twitch.png');
}
.btn-reddit{
width: 250px; /* adjust as needed */
height: 80px;
background-image: url('png/reddit.png');
}
.btn-home {
width: 250px; /* adjust as needed */
height: 80px;
background-image: url('png/PKlogo.png');
}
.btn-info {
width: 250px; /* adjust as needed */
height: 80px;
background-image: url('png/info.png');
}
.btn-legg {
width: 250px; /* adjust as needed */
height: 80px;
background-image: url('png/PKlogo.png');
}
.btn-rock {
width: 250px; /* adjust as needed */
height: 80px;
background-image: url('png/PKlogo.png');
}
.btn-lean{
width: 100px;
height: 100px;
background-image: url('png/download.png');
}
@keyframes grow-shrink {
0% { transform: scale(1) rotate(20deg); }
50% { transform: scale(1.1) rotate(20deg); }
100% { transform: scale(1) rotate(20deg); }
}
#mainsplash {
position: fixed;
top: 00px;
right: -170px;
top: 50px;
right: 200px;
transform: rotate(20deg);
animation: grow-shrink 1.5s infinite;
}
Expand Down

0 comments on commit b10223f

Please sign in to comment.