Skip to content

Instantly share code, notes, and snippets.

@alexcasche

alexcasche/characters.html

Created May 23, 2017 18:49
Show Gist options
  • Save alexcasche/f09ac3e9aba01a86ea261e2d61038009 to your computer and use it in GitHub Desktop.
Save alexcasche/f09ac3e9aba01a86ea261e2d61038009 to your computer and use it in GitHub Desktop.
Download ZIP
star-vs-evil
Raw
characters.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Characters</title>
<!--<link rel="stylesheet" type="text/css" href="./css/styles.css">-->
<style>
nav ul, footer ul {
list-style: none;
padding: 0;
margin: 0;
}
nav li, footer li {
display: inline-block;
}
</style>
</head>
<body>
<div class="wrapper">
<nav>
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./characters.html">Characters</a></li>
<li><a href="./season_one.html">Season One</a></li>
</ul>
</nav>
<h1>Star vs. the Forces of Evil</h1>
<img src="https://media.giphy.com/media/10PFUoJu4psvCw/giphy.gif?response_id=591e3aa50b3724d34101e235" alt="Star vs. the Forces of Evil">
<hr>
<h3>Characters</h3>
<ul>
<li>
<h4>Star Butterfly</h4>
<p>Princess Star Butterfly is the main protagonist of Star vs. the Forces of Evil. She is a teenage princess of the kingdom of Mewni (located in another dimension) sent to Earth by her parents in order to learn how to use the royal magic wand.</p>
<p>Star has two main motivations:</p>
<ol>
<li>Learning to control her wand</li>
<li>Keeping the wand out of the wrong hands</li>
</ol>
</li>
<li>
<h4>Marco Diaz</h4>
<p>Marco is Star's best friend. He is kind, responsible, very organized, and supportive of others. He has a reputation at his school for being the "safe kid" due to avoiding danger and being cautious, though he insists that he is a "misunderstood bad boy".</p>
</li>
<li>
<h4>Ludo</h4>
<p>Ludo is a major antagonist of Star vs. the Forces of Evil. In season 1, he uses an army of monsters in order to steal Star's wand and take over the universe. As of season 2, however, he has his own wand and new monster followers. Toward the end of season 2, his body is possessed by Toffee.</p>
</li>
</ul>
<hr>
<footer>
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./characters.html">Characters</a></li>
<li><a href="./season_one.html">Season One</a></li>
</ul>
</footer>
</div>
</body>
</html>
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Home</title>
<!--<link rel="stylesheet" type="text/css" href="./css/styles.css">-->
<style>
nav ul, footer ul {
list-style: none;
padding: 0;
margin: 0;
}
nav li, footer li {
display: inline-block;
}
.indent {
padding-left: 40px;
}
</style>
</head>
<body>
<div class="wrapper">
<nav>
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./characters.html">Characters</a></li>
<li><a href="./season_one.html">Season One</a></li>
</ul>
</nav>
<h1>Star vs. the Forces of Evil</h1>
<img src="https://media.giphy.com/media/ao2IHZ0y6ZD2M/giphy.gif?response_id=591e2f84844bcbfe80481f0e" alt="Star vs. the Forces of Evil">
<h2>This is a small site about the story and characters from Star vs. the Forces of Evil</h2>
<hr>
<h3>Story</h3>
<p><strong>Star vs. the Forces of Evil</strong> is an American animated television series produced by Disney Television Animation. The first episode was shown on January 18, 2015, on Disney Channel as a special preview, and the series officially premiered on March 30, 2015, on Disney XD.</p>
<p class="indent">Totally the best show ever.</p>
<p>The show was created by Daron Nefcy, who had worked on storyboards for Wander Over Yonder and Robot and Monster. Nefcy became the second woman to create an animated series for Disney Television Animation (the first being Sue Rose, who created Pepper Ann), and the first woman to create a Disney XD series. On February 12, 2015, Disney renewed the series for a second season prior to its premiere on Disney XD. The second season premiered on July 11, 2016. On March 4, 2016, it was renewed for a third season, and on February 28, 2017, it was officially renewed for a fourth season.</p>
<hr>
<footer>
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./characters.html">Characters</a></li>
<li><a href="./season_one.html">Season One</a></li>
</ul>
</footer>
</div>
</body>
</html>
Raw
season_one.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Season One</title>
<!--<link rel="stylesheet" type="text/css" href="./css/styles.css">-->
<style>
nav ul, footer ul {
list-style: none;
padding: 0;
margin: 0;
}
nav li, footer li {
display: inline-block;
}
th {
font-weight: normal;
text-align: left;
}
</style>
</head>
<body>
<div class="wrapper">
<nav>
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./characters.html">Characters</a></li>
<li><a href="./season_one.html">Season One</a></li>
</ul>
</nav>
<h1>Star vs. the Forces of Evil</h1>
<img src="https://media.giphy.com/media/EqaHCIczZPYKk/giphy.gif?response_id=591e3f75a755c13b580552ba" alt="Star vs. the Forces of Evil">
<hr>
<h3>Season One</h3>
<table>
<thead>
<tr>
<th>Episode Number</th>
<th>Title</th>
<th>Aire Date</th>
</tr>
</thead>
<tbody>
<tr>
<td>01</td>
<td>"Star Comes to Earth"</td>
<td>March 30, 2015</td>
</tr>
<tr>
<td>02</td>
<td>"Party With a Pony"</td>
<td>March 30, 2015</td>
</tr>
<tr>
<td>03</td>
<td>"Match Maker"</td>
<td>March 30, 2015</td>
</tr>
<tr>
<td>04</td>
<td>"School Spirit"</td>
<td>March 30, 2015</td>
</tr>
<tr>
<td>05</td>
<td>"Monster Arm"</td>
<td>April 6, 2015</td>
</tr>
<tr>
<td>06</td>
<td>"The Other Exchange Student"</td>
<td>April 6, 2015</td>
</tr>
<tr>
<td>07</td>
<td>"Cheer Up, Star"</td>
<td>April 13, 2015</td>
</tr>
<tr>
<td>08</td>
<td>"Quest Buy"</td>
<td>April 13, 2015</td>
</tr>
<tr>
<td>09</td>
<td>"Diaz Family Vacation"</td>
<td>April 20, 2015</td>
</tr>
<tr>
<td>10</td>
<td>"Brittney's Party"</td>
<td>April 20, 2015</td>
</tr>
<tr>
<td>11</td>
<td>"Mewberty"</td>
<td>June 15, 2015</td>
</tr>
<tr>
<td>12</td>
<td>"Pixtopia"</td>
<td>June 15, 2015</td>
</tr>
<tr>
<td>13</td>
<td>"Lobster Claws"</td>
<td>June 22, 2015</td>
</tr>
<tr>
<td>14</td>
<td>"Sleep Spells"</td>
<td>June 22, 2015</td>
</tr>
<tr>
<td>15</td>
<td>"Blood Moon Ball"</td>
<td>July 20, 2015</td>
</tr>
<tr>
<td>16</td>
<td>"Fortune Cookies"</td>
<td>July 20, 2015</td>
</tr>
<tr>
<td>17</td>
<td>"Freeze Day"</td>
<td>July 27, 2015</td>
</tr>
<tr>
<td>18</td>
<td>"Royal Pin"</td>
<td>July 27, 2015</td>
</tr>
<tr>
<td>19</td>
<td>"St. Olga's Reform School for Wayward Princesses"</td>
<td>August 10, 2015</td>
</tr>
<tr>
<td>20</td>
<td>"Mewnipendance Day"</td>
<td>August 17, 2015</td>
</tr>
<tr>
<td>21</td>
<td>"The Banagic Incident"</td>
<td>August 17, 2015</td>
</tr>
<tr>
<td>22</td>
<td>"Interdimensional Field Trip"</td>
<td>September 14, 2015</td>
</tr>
<tr>
<td>23</td>
<td>"Marco Grows a Beard"</td>
<td>September 14, 2015</td>
</tr>
<tr>
<td>24</td>
<td>"Storm the Castle"</td>
<td>September 21, 2015</td>
</tr>
</tbody>
</table>
<hr>
<footer>
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./characters.html">Characters</a></li>
<li><a href="./season_one.html">Season One</a></li>
</ul>
</footer>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment