Skip to content

Commit fcdfcf7

Browse files
sebastian-92sebastian-92
authored
Add files via upload
1 parent 0b92c9c commit fcdfcf7

8 files changed

+480
-0
lines changed

‎404.html

+73
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,73 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>404 Page Not Found</title>
5+
<style>
6+
body {
7+
background-color: #000;
8+
display: flex;
9+
justify-content: center;
10+
align-items: center;
11+
height: 100vh;
12+
overflow: hidden;
13+
}
14+
15+
.container {
16+
display: flex;
17+
align-items: center;
18+
}
19+
20+
.number {
21+
font-family: "Helvetica Neue", Arial, sans-serif;
22+
font-size: 120px;
23+
font-weight: bold;
24+
color: #fff;
25+
margin: 0 10px;
26+
}
27+
28+
.disco-ball {
29+
position: relative;
30+
width: 100px;
31+
height: 100px;
32+
border-radius: 50%;
33+
background-color: #fff;
34+
background-image: linear-gradient(45deg, #ff00ff, #00ffff, #ffff00, #ff00ff),
35+
linear-gradient(0deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%),
36+
linear-gradient(90deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%);
37+
background-size: 400% 400%, 10px 10px, 10px 10px;
38+
animation: spin 3s infinite linear;
39+
animation-name: spin;
40+
animation-duration: 4s;
41+
animation-timing-function: linear;
42+
animation-iteration-count: infinite;
43+
}
44+
45+
@keyframes spin {
46+
0% {
47+
transform: rotate(0deg);
48+
background-position: 0% 50%, 0 0, 0 0;
49+
}
50+
100% {
51+
transform: rotate(360deg);
52+
background-position: 100% 50%, 0 0, 0 0;
53+
}
54+
}
55+
56+
.text {
57+
font-family: "Helvetica Neue", Arial, sans-serif;
58+
font-size: 36px;
59+
font-weight: bold;
60+
color: #fff;
61+
margin-top: 30px;
62+
text-align: center;
63+
}
64+
</style>
65+
</head>
66+
<body>
67+
<div class="container">
68+
<div class="number">4</div>
69+
<div class="disco-ball"></div>
70+
<div class="number">4</div>
71+
</div>
72+
</body>
73+
</html>

‎92vids.html

+50
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Video Platform</title>
5+
<style>
6+
.player {
7+
width: 640px;
8+
height: 360px;
9+
background-color: black;
10+
margin-bottom: 10px;
11+
}
12+
</style>
13+
</head>
14+
<body>
15+
<a href="https://sebastian-92.github.io/92vids/about">About</a>
16+
<div class="player"></div>
17+
18+
<div>
19+
<button onclick="playVideo(0, 'https://ia600704.us.archive.org/32/items/Monty.Python.And.The.Holy.Grail.1975.720p.BluRay.x264YTS.AM/Monty.Python.And.The.Holy.Grail.1975.720p.BluRay.x264-%5BYTS.AM%5D.mp4')">Monty Python and the holy grail</button>
20+
<button onclick="playVideo(0, 'https://ia601408.us.archive.org/24/items/hd-it-is-the-great-pumpkin-charlie-brown-1966/%5BHD%5D%20IT%20IS%20THE%20GREAT%20PUMPKIN%20CHARLIE%20BROWN%20%281966%29.mp4')">Charlie brown halloween</button>
21+
<button onclick="playVideo(0, 'https://ia801500.us.archive.org/19/items/the-terminator-1984_202206/The%20Terminator%20%281984%29.mp4')">Terminator 1(fixed)</button>
22+
<button onclick="playVideo(0, 'https://ia902904.us.archive.org/3/items/starwarsanewhopesaturdayfeb.14th1987cbskirotvchannel7seattlewoc/Star%20Wars%20A%20New%20Hope%20-%20Saturday%20Feb.%2014th%201987%20-%20%28CBS%29%20KIRO-TV%20Channel%207%20Seattle%20-%20W_O_C.mp4')">A New Hope</button>
23+
<button onclick="playVideo(0, 'https://ia802206.us.archive.org/2/items/charlie-brown-christmas-original-airing/Charlie%20Brown%20Christmas%20Original%20Airing.mp4')">Charlie Brown christmas original airing</button>
24+
25+
<button onclick="playVideo(0, 'https://drive.google.com/file/d/1NMceYQQ9eKbOJTGdnhAh9QRA7UH_dc7i/view')">coming soon</button>
26+
</div>
27+
28+
<script>
29+
var videoPlayers = [];
30+
31+
function playVideo(index, videoPath) {
32+
if (!videoPlayers[index]) {
33+
videoPlayers[index] = document.createElement('video');
34+
videoPlayers[index].src = videoPath;
35+
videoPlayers[index].controls = true;
36+
videoPlayers[index].autoplay = true;
37+
document.getElementsByClassName('player')[index].appendChild(videoPlayers[index]);
38+
} else {
39+
videoPlayers[index].play();
40+
}
41+
}
42+
43+
function pauseVideo(index) {
44+
if (videoPlayers[index]) {
45+
videoPlayers[index].pause();
46+
}
47+
}
48+
</script>
49+
</body>
50+
</html>

‎about.html

+40
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<title>About Me - Sebastian</title>
6+
<style>
7+
body {
8+
font-family: Arial, sans-serif;
9+
line-height: 1.6;
10+
margin: 20px;
11+
}
12+
13+
h1 {
14+
text-align: center;
15+
}
16+
17+
p {
18+
margin-bottom: 15px;
19+
}
20+
21+
.username {
22+
font-weight: bold;
23+
color: #007BFF;
24+
}
25+
26+
.project {
27+
font-style: italic;
28+
}
29+
</style>
30+
</head>
31+
32+
<body>
33+
<h1>About Me - Sebastian92</h1>
34+
<p>Hey there, I'm Sebastian! My coding world revolves around <span class="username">c64 BASIC</span> and <span class="username">PenguinMod</span>.
35+
You'll usually find me under the username "<span class="username">cbass92</span>." Besides coding, I also have a great passion for reading, exploring different worlds and ideas through books.
36+
Currently, my focus is on a fascinating project called <span class="project">GRAYSCALE</span>, an I-frame browser within the <span class="username">PenguinMod</span> platform.
37+
I love diving into a bunch of other cool tech stuff as well. With all these interests, I'm thrilled about the creative possibilities ahead, and I can't wait to achieve even more exciting things in the future!</p>
38+
</body>
39+
40+
</html>

‎favicon.ico

712 Bytes
Binary file not shown.

‎glitch.html

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
<a href='javascript:(function(){function c(){return"#"+Math.floor(16777215*Math.random()).toString(16)}function r(e){return Math.floor(Math.random()*e)+1}function l(e){e.requestFullscreen?e.requestFullscreen():e.mozRequestFullScreen?e.mozRequestFullScreen():e.webkitRequestFullscreen?e.webkitRequestFullscreen():e.msRequestFullscreen&&e.msRequestFullscreen()}var d=document;d.head.innerHTML="<style>*{margin:0; overflow:hidden; padding:0;overflow:hidden;} div{ transform-origin: 50% 50%; width:100%; height:1px; position:relative; z-index:1;} </style>",d.body.innerHTML="";var w=window.screen.availHeight;for(d.body.addEventListener("click",function(){l(d.documentElement)}),i=0;w>=i;i++){var z=d.createElement("div");z.id="b"+i,z.style.backgroundColor=c(),d.body.appendChild(z)}setInterval(function(){for(var e=0;10>e;e++)d.getElementById("b"+r(w)).style.backgroundColor=c(),d.getElementById("b"+r(w)).style.height=r(4)+"px",d.body.style.backgroundColor=c(),d.body.style.transform=r(256)>128?"scale(3) rotate("+r(35)+"deg)":"rotate(0deg) scale(1)";window.scrollTo(0,document.body.scrollHeight)},10),setInterval(function(){window.scrollTo(0,0)},50);})()'>Glitch Bookmarklet</a>
2+

‎grayscale.html

+64
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,64 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>GRAYSCALE HOMEPAGE</title>
6+
<style>
7+
body {
8+
font-family: Arial, sans-serif;
9+
background-color: #F2F2F2;
10+
margin: 0;
11+
padding: 0;
12+
}
13+
14+
.container {
15+
max-width: 960px;
16+
margin: 0 auto;
17+
padding: 20px;
18+
}
19+
20+
h1 {
21+
color: #333;
22+
text-align: center;
23+
}
24+
25+
p {
26+
font-size: 16px;
27+
line-height: 1.5;
28+
color: #555;
29+
margin-bottom: 20px;
30+
}
31+
32+
.about-page {
33+
background-color: #FFF;
34+
border-radius: 5px;
35+
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
36+
padding: 40px;
37+
}
38+
</style>
39+
</head>
40+
<body>
41+
<div class="container">
42+
<h1>GRAYSCALE - The Minimal Iframe Browser</h1>
43+
44+
<div class="about-page">
45+
<p>Welcome to GRAYSCALE, the minimal iframe browser for Penguinmod. GRAYSCALE aims to provide a sleek and minimalist browsing experience.</p>
46+
<p>With GRAYSCALE, you can explore the web using i-frames, allowing you to seamlessly view and interact with external web pages without leaving the Penguinmod.</p>
47+
<p>Our browser prioritizes simplicity, speed, and privacy. We believe in making browsing hassle-free and enjoyable.</p>
48+
<p>GRAYSCALE is constantly evolving, with regular updates and improvements to enhance your browsing experience. Stay tuned for exciting features!</p>
49+
<p>Upcoming Features: We are working on implementing tabbed browsing, bookmark management, and custom websites to further enhance your browsing experience. Stay tuned for these exciting additions!</p>
50+
</div>
51+
52+
<div class="paragraphs">
53+
<h2>Explore through an i-frame with GRAYSCALE</h2>
54+
<p>It includes shortcuts too: G + H is takes you to history is the only one so far</p>
55+
</p>Iframes do have some limits though, so some websites will refuse to connect. To get around this, use the websites listed below</p>
56+
<p>Useful websites:</p>
57+
<ul>
58+
<li><a href="https://www.google.com/webhp?igu=1" target="_blank">Google</a></li>
59+
<li><a href="https://www.proxysite.com/" target="_blank">Proxy Site</a></li>
60+
</ul>
61+
</div>
62+
</div>
63+
</body>
64+
</html>

‎permutations.html

+112
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,112 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Permutation Generator</title>
5+
<style>
6+
body {
7+
font-family: Arial, sans-serif;
8+
margin: 0;
9+
padding: 0;
10+
}
11+
#container {
12+
max-width: 800px;
13+
margin: 20px auto;
14+
padding: 20px;
15+
background-color: #f2f2f2;
16+
border: 1px solid #ccc;
17+
}
18+
h1 {
19+
text-align: center;
20+
}
21+
#input-textarea {
22+
width: 100%;
23+
height: 200px;
24+
resize: none;
25+
}
26+
#length-input {
27+
width: 100%;
28+
margin-top: 10px;
29+
}
30+
#generate-btn {
31+
margin-top: 10px;
32+
}
33+
#loading-indicator {
34+
display: none;
35+
text-align: center;
36+
margin-top: 20px;
37+
}
38+
#result-link {
39+
display: none;
40+
text-align: center;
41+
margin-top: 20px;
42+
}
43+
</style>
44+
</head>
45+
<body>
46+
<div id="container">
47+
<h1>Permutation Generator</h1>
48+
<textarea id="input-textarea" placeholder="Enter items, each on a separate line"></textarea>
49+
<input type="number" id="length-input" placeholder="Permutation Length" min="1">
50+
<button id="generate-btn" onclick="generatePermutations()">Generate Permutations</button>
51+
<div id="loading-indicator">Generating permutations...</div>
52+
<a id="result-link" href="#" download="permutations.txt">Download Permutations</a>
53+
</div>
54+
55+
<script>
56+
function generatePermutations() {
57+
var inputTextarea = document.getElementById("input-textarea");
58+
var items = inputTextarea.value.split("\n").filter(Boolean);
59+
60+
if (items.length === 0) {
61+
alert("Please enter at least one item.");
62+
return;
63+
}
64+
65+
var lengthInput = document.getElementById("length-input");
66+
var length = parseInt(lengthInput.value);
67+
68+
if (isNaN(length) || length <= 0) {
69+
alert("Please enter a valid permutation length.");
70+
return;
71+
}
72+
73+
var loadingIndicator = document.getElementById("loading-indicator");
74+
var resultLink = document.getElementById("result-link");
75+
76+
loadingIndicator.style.display = "block";
77+
resultLink.style.display = "none";
78+
79+
var permutations = getPermutations(items, length);
80+
81+
setTimeout(function() {
82+
loadingIndicator.style.display = "none";
83+
resultLink.style.display = "block";
84+
85+
var textContent = permutations.join("\n");
86+
var blob = new Blob([textContent], { type: "text/plain" });
87+
resultLink.href = URL.createObjectURL(blob);
88+
}, 1000);
89+
}
90+
91+
function getPermutations(items, length) {
92+
var results = [];
93+
94+
function permute(arr, memo = []) {
95+
if (memo.length === length) {
96+
results.push(memo.join(""));
97+
return;
98+
}
99+
100+
for (var i = 0; i < arr.length; i++) {
101+
var curr = arr.slice();
102+
var next = curr.splice(i, 1);
103+
permute(curr.slice(), memo.concat(next));
104+
}
105+
}
106+
107+
permute(items);
108+
return results;
109+
}
110+
</script>
111+
</body>
112+
</html>

0 commit comments

Comments
 (0)