Skip to content

Commit

Permalink
s
Browse files Browse the repository at this point in the history
  • Loading branch information
@Nomaakip
Nomaakip committed Dec 20, 2024
1 parent 7be257a commit b7ce9f0
Show file tree
Hide file tree
Showing 2 changed files with 169 additions and 196 deletions.
66 changes: 27 additions & 39 deletions activities.html
View file
Original file line number Diff line number Diff line change
@@ -1,44 +1,32 @@
<!DOCTYPE html>
<html>
<head>
<meta view content="width=device-width, initial-scale=1.0">
<meta name="description" content="A place for Freakybob.">
<meta content="Freakybob.site" property="og:title" />
<meta content="A page for more buttons!" property="og:description" />
<meta content="https://freakybob.site/Activities" property="og:url" />
<meta content="placeholder" property="og:image" />
<meta content="#006b79" data-react-helmet="true" name="theme-color" />
<link rel="icon" type="image/x-icon" href="images/Main.ico">
<meta charset="UTF-8" />
<title>More Activities!</title>
<link rel="stylesheet" href="css/activities.css">
<html lang="en">
<head>
<title>About nomaakip</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="stylesheet" href="css/activities.css">
<meta charset="utf-8" >
<meta name="viewport" content="width=device-width, initial-scale=1" >
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
</head>
<body>
<h1>Activities</h1>
<p id="para1">Want more activities and buttons? You're in the right place! Weclome to the more activities page where you can find more buttons that lead to more pages in the website!</p>
<div class="freakybob-container">
<a href="https://freakybob.site/">
<button>Go back to main website :3</button>
</a>
<div class="container">
<h1 class="activities">Activities</h1>
<div class="swag">
<h1 class ="username">freakydraw</h1>
<h1 class="about">Draw with freakybob,that's it.</h1>
<a href="https://drawwith.freakybob.site/" class="play">Play now!</a>
</div>
<div class="swag2">
<h1 class ="username2">Downloads</h1>
<h1 class="about">Download fan made or offical freakybob programs!</h1>
<a href="https://drawwith.freakybob.site/" class="play2">Go to downloads</a>
</div>
<div class="swag2">
<h1 class ="username2">Countdown</h1>
<h1 class="about">Freakybob.site birthday! (August 19th, 2025)</h1>
<a href="https://drawwith.freakybob.site/" class="play2">View</a>
</div>
</div>
<div class="button-container">
<a href="https://freakybob.site/countdown" id="countdown">
<button>Countdown!</button>
</a>
<p id="para2">Freakybob.site birthday! (August 19th, 2025)</p>
<a href="https://freakybob.site/downloads" id="downloads">
<button>Downloads!</button>
</a>
<p id="para3">Download fan made or offical freakybob programs!</p>
<a href="https://freakybob.site/freakydraw" id="draw">
<button>Draw!</button>
</a>
<p id="para4">Draw with freakybob. That's it.</p>
<audio>
<source src="https://archive.org/download/wiiumusic/49%20-%20Mii%20Maker%20-%20Editing%20a%20Mii%20Gamepad.mp3" type="audio/mp3" autoplay loop />
</audio>
<script>
//placeholder cause why not :3
</script>
</body>
</html>
</html>
299 changes: 142 additions & 157 deletions css/activities.css
View file
Original file line number Diff line number Diff line change
@@ -1,179 +1,164 @@
body {
background-color: rgb(4, 109, 74);
}

html, body {
height: 100%;
margin: 0;
padding: 0;
* {
background: url('https://raw.githubusercontent.com/Nomaakip/swag.freakybob.site/refs/heads/main/images/rainy-sunset-city-stockcake.webp');
background-repeat: no-repeat;
background-size: cover;
background-position: cover;
}
.container {
height:95vh;
width: 95vm;
background: none;
display: flex;
flex-direction: column;
font-family: 'Comic Sans MS', sans-serif;
text-align: center;
}

body {
flex: 1;
text-align: center;
}

h1 {
color: rgb(13, 192, 192);
padding: 20px;
background-color: rgb(6, 135, 92);
margin: 0;
border-bottom: 4px solid rgb(0, 86, 58);
font-size: 2em;
}

h1 {
text-align: center;
color: rgb(13, 192, 192);
font-size: 40px;
}

#para1 {
text-align: center;
color: rgb(229, 236, 13);
font-size: 20px;
margin-top: 20px;
margin-bottom: 20px;
}

#para2 {
color: rgb(229, 236, 13);
font-size: 16px;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 10px;
}

#para3 {
color: rgb(229, 236, 13);
font-size: 16px;
margin-top: 20px;
margin-bottom: 20px;
margin-left: 10px;
}

#para4 {
color: rgb(229, 236, 13);
font-size: 16px;
margin-top: 20px;
margin-bottom: 20px;
}

#para5 {
color: rgb(229, 236, 13);
font-size: 16px;
margin-top: 20px;
margin-bottom: 20px;
margin-left: -13px;
}
.button-container {
text-align: center;
margin-top: 20px;
}

.button-container button {
.activities {
text-align:center;
font-family: "Poppins", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 35px;
background: none;
border: 2px solid #d1219c;
color: #17e0bf;
font-size: 18px;
cursor: pointer;
padding: 10px 20px;
border-radius: 5px;
transition: color 0.3s, background-color 0.3s, transform 0.6s ease;
margin-left: 17%;
margin-right: 0;
margin-top: 10px;
margin-bottom: 5px;
margin-left: 45%;
animation: pop-in .6s ease-out forwards;
}
.play {
display: block;
height: 20px;
width: 300px;
padding: 20px 0px 20px 10px;
border-radius: 30px;
margin-top: 20px;
margin-left: 5px;
background: rgb(63,94,251);
background: -moz-radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(27,255,206,1) 100%);
background: -webkit-radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(27,255,206,1) 100%);
background: radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(27,255,206,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3f5efb",endColorstr="#1bffce",GradientType=1);
background-size: 300%;
background-position: left;
text-align: center;
font-family: Helvetica;
font-size: 22px;
color: mintcream;
text-decoration: none;
transition: background-position 2s ease-in-out;
transition: all 2s ease-out;
animation: pop-in 0.6s ease-out forwards;
position: absolute;
box-shadow: 0 8px 32px 0 rgba(27,255,206,1);
}

.play2 {
display: block;
height: 20px;
width: 300px;
padding: 20px 0px 20px 10px;
border-radius: 30px;
margin-left: 5px;
background: rgb(63,94,251);
background: -moz-radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(27,255,206,1) 100%);
background: -webkit-radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(27,255,206,1) 100%);
background: radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(27,255,206,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3f5efb",endColorstr="#1bffce",GradientType=1);
background-size: 300%;
background-position: left;
text-align: center;
font-family: Helvetica;
font-size: 22px;
color: mintcream;
text-decoration: none;
transition: background-position 2s ease-in-out;
transition: all 2s ease-out;
animation: pop-in 0.6s ease-out forwards;
position: absolute;
box-shadow: 0 8px 32px 0 rgba(27,255,206,1);
}

.play:hover {
background-position: right;
}

.play2:hover {
background-position: right;
}

.swag {
height:220px;
width:330px;
margin-top: 200px;
margin-left: -37%;
background: none;
background: linear-gradient(135deg, rgba(255,255,255,0.1)rgba(255,255,255,0)) ;
border: 1px solid rgba(255,255,2555,0.18);
backdrop-filter: blur(10px);
box-shadow: 0 8px 32px 0 rgba(0,0,0,37);
border-radius: 15px;
padding:30px;
animation:pop-in 0.5s ease;
transition:
transform .4s ease,
box-shadow .4s ease;
}
.swag2 {
height:220px;
width:330px;
margin-top: 200px;
margin-left: 2%;
background: none;
background: linear-gradient(135deg, rgba(255,255,255,0.1)rgba(255,255,255,0)) ;
border: 1px solid rgba(255,255,2555,0.18);
backdrop-filter: blur(10px);
box-shadow: 0 8px 32px 0 rgba(0,0,0,37);
border-radius: 15px;
padding:30px;
animation:pop-in 0.5s ease;
transition:
transform .4s ease,
box-shadow .4s ease;
}

.button-container button:hover {
background-color: #d1219c;
color: #fff;
transform: scale(1.1);
}

.freakybob-container {
text-align: center;
margin-top: 20px;
}

.freakybob-container button {
.username {
background: none;
border: 2px solid #d1219c;
color: #17e0bf;
font-size: 18px;
cursor: pointer;
padding: 10px 20px;
border-radius: 5px;
transition: color 1.3s, background-color 1.3s, transform 0.6s ease;
margin-left: 42px;
}

.freakybob-container button:hover {
background-color: #d1219c;
color: #d9e011;
transform: scale(1.1);
}

#countdown {
margin-right: 220px;
font-family: "Poppins", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 35px;
margin-left: 10px;
}

#downloads {
margin-right: 220px;
.username2 {
margin-top: 15px;
background: none;
font-family: "Poppins", sans-serif;
font-weight: 700;
font-style: normal;
font-size: 35px;
margin-left: 10px;
}

#draw {
margin-right: 220px;
.usr {
display: flex;
}

#img-gallery {
margin-right: 220px;
}
.about {
background:none;
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: normal;
font-size: 20px;
margin-left: 10px;

#chat {
margin-right: 220px;
}

#chat:hover {
background-color: #d1219c;
color: #fff;
transform: scale(1.1);
}

@media screen and (max-width: 600px) {
#countdown {
margin-right: 0px;
}

#downloads {
margin-right: 0px;
}

#draw {
margin-right: 0px;
}

#para2 {
margin-left: 0px;
}

#img-gallery {
margin-right: 0px;
@keyframes pop-in {
0% {
opacity: 0;
}

.button-container button {
margin-top: 12px;
padding: 15px 25px;
font-size: 16px;
}
.freakybob-container button {
margin-top: 12px;
padding: 15px 25px;
font-size: 16px;
100% {
opacity: 1;
}
}
}

0 comments on commit b7ce9f0

Please sign in to comment.