Cac0demon · July 28, 2023 19:22
diff --git a/index.html b/index.html
 <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: [email protected]</li>
    <li>Roblox: MisterSuperGuysie</li>
 
  </ol>
  <hr>
 </body>

 </html>
diff --git a/script.js b/script.js
 function fun() {
  document.body.classList.toggle("darkMode");
 }

diff --git a/style.css b/style.css
 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;
 }
diff --git a/titles.markdown b/titles.markdown
	<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: [email protected]</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;
	}