Skip to content

Commit 10257ed

Browse files
Cole-gpcsCole-gpcs
committed
Merge remote-tracking branch 'origin/main' into Cole
2 parents 4ebdbcf + ddba56a commit 10257ed

File tree

11 files changed

+428
-40
lines changed

11 files changed

+428
-40
lines changed

‎.idea/.name

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎2024/EllieHarrell/index.html

+131-8
Large diffs are not rendered by default.

‎2024/KurtisCollins/Images/seized.png

1.05 MB
Loading

‎2024/KurtisCollins/index.html

+14-9
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>Kurtis Collins</title>
6+
<title>Seized | This Cite Has Been Seized By The FBI</title>
77
<link rel="stylesheet" href="styles.css">
88
<script src="main.js" defer></script>
99
</head>
@@ -22,21 +22,23 @@
2222

2323
<div class="slider">
2424
<div class="wrapper">
25-
<div style="background-image: url('https://i.imgur.com/3wxxmH9.jpeg')" class="item item1 active">
25+
<div style="background-image: url('https://i.imgur.com/V9EdFjc.png')" class="item item1 active">
2626
<div class="item__info">
27-
<!--p class="item__year"><span>Happy Little Accidents</span></p-->
28-
<p class="item__name"><span>Happy Little Accidents</span></p>
29-
<a href="javascript:void(0)" class="btn"><span>Discover more</span></a>
27+
<p class="item__year"><span></span></p>
28+
<p class="item__name"><span></span></p>
29+
<a href="javascript:void(0)" class="btn"><span>Bio</span></a>
3030
</div>
3131
</div>
3232

33-
<div style="background-image: url('https://i.imgur.com/V9EdFjc.png')" class="item item2">
33+
<div style="background-image: url('https://i.imgur.com/3wxxmH9.jpeg')" class="item item2">
3434
<div class="item__info">
35-
<p class="item__year"><span></span></p>
36-
<p class="item__name"><span>Unassigned</span></p>
37-
<a href="javascript:void(0)" class="btn"><span>Discover more</span></a>
35+
<!--p class="item__year"><span>Happy Little Accidents</span></p-->
36+
<p class="item__name"><span>Happy Little Accidents</span></p>
37+
<a href="http://happylittleaccidents.net:1111/" class="btn"><span>Discover more</span></a>
3838
</div>
3939
</div>
40+
41+
4042
<div style="background-image: url('https://i.imgur.com/V9EdFjc.png')" class="item item3">
4143
<div class="item__info">
4244
<p class="item__year"><span></span></p>
@@ -55,6 +57,9 @@ <h2>Graduation Countdown</h2>
5557
<div id="countdown"></div>
5658
</section>
5759

60+
<div class="cover-image">
61+
<img src="Images/seized.png" alt="Cover Image"/>
62+
</div>
5863

5964
</body>
6065
</html>

‎2024/KurtisCollins/styles.css

+18-1
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,20 @@
1+
2+
/*Seized*/
3+
.cover-image {
4+
position: fixed;
5+
top: 0;
6+
left: 0;
7+
width: 100%;
8+
height: 100%;
9+
z-index: 9999; /* Ensure the image is above other elements */
10+
}
11+
12+
.cover-image img {
13+
width: 100%;
14+
height: 100%;
15+
object-fit: cover; /* Ensure the image covers the entire area */
16+
}
17+
118
/* Header */
219
body {
320
margin: 0;
@@ -14,7 +31,7 @@ body {
1431
}
1532

1633
.header-container {
17-
background-color: #1F13DD;
34+
background-color: #000000;
1835
color: #fff;
1936
padding: 20px 0;
2037
display: flex;

‎2024/LukasRomano/bio.html

+131
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,131 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Ball Drop Game</title>
7+
<style>
8+
canvas {
9+
border: 1px solid #000;
10+
display: block;
11+
margin: 0 auto;
12+
}
13+
</style>
14+
</head>
15+
<body>
16+
<canvas id="gameCanvas" width="400" height="400"></canvas>
17+
18+
<script>
19+
const canvas = document.getElementById('gameCanvas');
20+
const ctx = canvas.getContext('2d');
21+
22+
const paddleWidth = 80;
23+
const paddleHeight = 10;
24+
const paddleSpeed = 8;
25+
let paddleX = (canvas.width - paddleWidth) / 2;
26+
27+
const ballRadius = 10;
28+
let ballX = canvas.width / 2;
29+
let ballY = 30;
30+
let dx = 2;
31+
let dy = 2;
32+
33+
let score = 0;
34+
35+
function drawPaddle() {
36+
ctx.beginPath();
37+
ctx.rect(paddleX, canvas.height - paddleHeight, paddleWidth, paddleHeight);
38+
ctx.fillStyle = "#0095DD";
39+
ctx.fill();
40+
ctx.closePath();
41+
}
42+
43+
function drawBall() {
44+
ctx.beginPath();
45+
ctx.arc(ballX, ballY, ballRadius, 0, Math.PI*2);
46+
ctx.fillStyle = "#0095DD";
47+
ctx.fill();
48+
ctx.closePath();
49+
}
50+
51+
function drawScore() {
52+
ctx.font = "16px Arial";
53+
ctx.fillStyle = "#0095DD";
54+
ctx.fillText("Score: " + score, 8, 20);
55+
}
56+
57+
function collisionDetection() {
58+
if(ballY + dy > canvas.height - ballRadius) {
59+
if(ballX > paddleX && ballX < paddleX + paddleWidth) {
60+
dy = -dy;
61+
score++;
62+
}
63+
else {
64+
document.location.reload();
65+
}
66+
}
67+
}
68+
69+
function draw() {
70+
ctx.clearRect(0, 0, canvas.width, canvas.height);
71+
drawBall();
72+
drawPaddle();
73+
drawScore();
74+
collisionDetection();
75+
76+
if(ballX + dx > canvas.width - ballRadius || ballX + dx < ballRadius) {
77+
dx = -dx;
78+
}
79+
if(ballY + dy < ballRadius) {
80+
dy = -dy;
81+
}
82+
else if(ballY + dy > canvas.height - ballRadius) {
83+
if(ballX > paddleX && ballX < paddleX + paddleWidth) {
84+
dy = -dy;
85+
}
86+
else {
87+
document.location.reload();
88+
}
89+
}
90+
91+
ballX += dx;
92+
ballY += dy;
93+
94+
if(rightPressed && paddleX < canvas.width - paddleWidth) {
95+
paddleX += paddleSpeed;
96+
}
97+
else if(leftPressed && paddleX > 0) {
98+
paddleX -= paddleSpeed;
99+
}
100+
101+
requestAnimationFrame(draw);
102+
}
103+
104+
let rightPressed = false;
105+
let leftPressed = false;
106+
107+
document.addEventListener("keydown", keyDownHandler, false);
108+
document.addEventListener("keyup", keyUpHandler, false);
109+
110+
function keyDownHandler(e) {
111+
if(e.key == "Right" || e.key == "ArrowRight") {
112+
rightPressed = true;
113+
}
114+
else if(e.key == "Left" || e.key == "ArrowLeft") {
115+
leftPressed = true;
116+
}
117+
}
118+
119+
function keyUpHandler(e) {
120+
if(e.key == "Right" || e.key == "ArrowRight") {
121+
rightPressed = false;
122+
}
123+
else if(e.key == "Left" || e.key == "ArrowLeft") {
124+
leftPressed = false;
125+
}
126+
}
127+
128+
draw();
129+
</script>
130+
</body>
131+
</html>

‎2024/LukasRomano/example.jpg

Loading

‎2024/LukasRomano/game.html

+53
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,53 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Math Guessing Game</title>
5+
<style>
6+
body {
7+
text-align: center;
8+
font-family: Arial, sans-serif;
9+
}
10+
input {
11+
padding: 5px;
12+
margin: 10px;
13+
}
14+
</style>
15+
</head>
16+
<body>
17+
<h1>Welcome to the Math Guessing Game!</h1>
18+
<p>Guess a number between 1 and 100:</p>
19+
<input type="text" id="guess" />
20+
<button onclick="checkGuess()">Submit Guess</button>
21+
<p id="feedback"></p>
22+
23+
<script>
24+
// Generate a random number between 1 and 100
25+
const randomNumber = Math.floor(Math.random() * 100) + 1;
26+
let prevGuess = null;
27+
28+
function checkGuess() {
29+
const guessInput = document.getElementById("guess");
30+
const guess = parseInt(guessInput.value);
31+
32+
if (guess < 1 || guess > 100) {
33+
alert("Please enter a number between 1 and 100.");
34+
} else if (guess === randomNumber) {
35+
document.getElementById("feedback").innerText = "Congratulations! You guessed the correct number.";
36+
} else {
37+
if (prevGuess !== null) {
38+
const prevDiff = Math.abs(randomNumber - prevGuess);
39+
const currDiff = Math.abs(randomNumber - guess);
40+
if (prevDiff > currDiff) {
41+
document.getElementById("feedback").innerText = "Warmer";
42+
} else {
43+
document.getElementById("feedback").innerText = "Colder";
44+
}
45+
}
46+
prevGuess = guess;
47+
guessInput.value = "";
48+
}
49+
}
50+
</script>
51+
</body>
52+
</html>
53+

‎2024/LukasRomano/index.html

+45
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,45 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>Quiz</title>
5+
</head>
6+
<body>
7+
<h1>Quiz Time!</h1>
8+
9+
<div>
10+
<h3>Question 1: What is the capital of France?</h3>
11+
<input type="radio" name="q1" value="A"> London<br>
12+
<input type="radio" name="q1" value="B"> Paris<br>
13+
<input type="radio" name="q1" value="C"> Berlin<br>
14+
<input type="radio" name="q1" value="D"> Warsaw<br>
15+
16+
<h3>Question 2: What is the largest planet in our solar system?</h3>
17+
<input type="radio" name="q2" value="A"> Jupiter<br>
18+
<input type="radio" name="q2" value="B"> Mars<br>
19+
<input type="radio" name="q2" value="C"> Venus<br>
20+
<input type="radio" name="q2" value="D"> Earth<br>
21+
22+
<h3>Question 3: What is 76 + 34?</h3>
23+
<input type="radio" name="q3" value="A"> 100<br>
24+
<input type="radio" name="q3" value="B"> 106<br>
25+
<input type="radio" name="q3" value="C"> 110<br>
26+
<input type="radio" name="q3" value="D"> 95<br>
27+
28+
<h3>Question 4: What continent is Australia in?</h3>
29+
<input type="radio" name="q4" value="A"> Europe<br>
30+
<input type="radio" name="q4" value="B"> It is its own continent<br>
31+
<input type="radio" name="q4" value="C"> North America<br>
32+
<input type="radio" name="q4" value="D"> Asia<br>
33+
<!-- Add more questions here -->
34+
35+
<input type="submit" value="Submit">
36+
<div>
37+
38+
39+
<button value="Grade Quiz" onclick="gradeQuiz()" />
40+
41+
<div id='result></div>
42+
</body>
43+
<script src="./script.js"></script>
44+
45+
</html>

‎2024/LukasRomano/script.js

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
function gradeQuiz() {
2+
let score = 0;
3+
4+
// Check answers for each question
5+
if (document.getElementById('q1').value == '4') {
6+
score++;
7+
}
8+
// Repeat the above code for the remaining 9 questions
9+
10+
document.getElementById('result').innerText = 'Your score is: ' + score + '/10';
11+
}
12+

0 commit comments

Comments
 (0)