Skip to content

Instantly share code, notes, and snippets.

@Cac0demon
Created July 28, 2023 19:57
Show Gist options
  • Save Cac0demon/77a8f20eba32d000c0ea4c194b7f812c to your computer and use it in GitHub Desktop.
Save Cac0demon/77a8f20eba32d000c0ea4c194b7f812c to your computer and use it in GitHub Desktop.
*Titles*
<html>
<head>
<title>About Me</title>
<meta name="author" content="Lem O Nade">
<meta name="description" content="About my brother, i guess...?">
<meta name="keywords" content="Biography,Lim E ade, EpicZero444, About me">
<meta name="generator" content="codepen.io">
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<img src="https://i.pinimg.com/736x/f5/c4/e5/f5c4e5ef882dbd92b8126803878a9b5b.jpg" id="pic1">
<hr>
<h1 id="name1">I don't want to tell you my real name, sorry!</h1>
<hr>
<h1 id="name2">Lim E Ade</h1>
<hr>
<h1 id="name3">MisterSuperGuysie</h1>
<hr>
<h1 id="name4"></h1>
<h2>Settings:</h2>
<p>Background music (looping):</p>
<audio id="a1" src="http://codeskulptor-demos.commondatastorage.googleapis.com/GalaxyInvaders/theme_01.mp3" controls loop></audio>
<audio id="a2" src="http://codeskulptor-demos.commondatastorage.googleapis.com/pang/paza-moduless.mp3" controls loop></audio>
<audio id="a3" src="http://commondatastorage.googleapis.com/codeskulptor-demos/riceracer_assets/music/race1.ogg" controls loop></audio>
<p>Dark Mode (I don't like it, honestly):</p>
<button id="btn" onclick="fun()">
<img id="bti" src="https://images.uncommongoods.com/images/items/55700/55715_1_640px.jpg" alt="Lightbulb Image">
</button>
<hr>
<h2>Sports I have done include:</h2>
<ul>
<li>swimming!</li>
<li>climbing!</li>
<li>golf!</li>
<li>competitive cheeseburger eating!</li>
</ul>
<p>(JK about the competitive cheeseburger eating btw)</p>
<hr>
<h2>I have hearing aids!</h2>
<p>(Just dont harass me and we're good 👦👍)</p>
<hr>
<h2>I play roblox.</h2>
<p>(Yes, I know.)</p>
<hr>
<h2>Wanna get in touch?</h2>
<ol>
<li>Email: bobrickastley839@gmail.com</li>
<li>Roblox: MisterSuperGuysie</li>
</ol>
<hr>
</body>
</html>
function fun() {
document.body.classList.toggle("darkMode");
}
h1 {
font-size: 55px;
text-align: center;
color: black;
}
h2 {
font-size: 40px;
color: orange;
}
p {
font-size: 33px;
color: red;
}
#name1 {
color: blue;
font-family: arial;
}
#name2 {
color: green;
font-family: helvetica;
}
#name3 {
color: red;
font-family: sans-serif;
}
#name4 {
color: aqua;
font-family: comic-sans;
}
ul {
font-size: 35px;
color: blue;
}
ol {
font-size: 35px;
color: blue;
}
hr {
height: 5px;
background-color: purple;
}
#ws {
font-size: 55px;
text-align: center;
}
.darkMode {
color: #00ff33;
background: black;
}
#btn {
padding: 0;
background: none;
border: none;
}
#bti {
width: 70px;
height: 70px;
}
body {
background-color: lightblue;
}
html {
cursor: crosshair;
}
#pic1 {
display: none;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment