Cac0demon/index.html

## 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: bobrickastley839@gmail.com</li>
    <li>Roblox: MisterSuperGuysie</li>

  </ol>
  <hr>
</body>

</html>

## script.js
function fun() {
  document.body.classList.toggle("darkMode");
}


## 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;
}

## titles.markdown

      
    Raw
  

              titles.markdown
            
          
    Titles

A Pen by Cac0demon on CodePen.
License.
	<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;
	}