Adding episode I page. Adding images.

rukbotto · Mar 8, 2016 · ad9710a · ad9710a
1 parent 380cdb9
commit ad9710a
Show file tree

Hide file tree

Showing 10 changed files with 153 additions and 9 deletions.
diff --git a/README.md b/README.md
@@ -3,4 +3,25 @@
 This is a raw, static HTML site packed with information about Star Wars
 movies, taken from the [Wookieepedia][1].
 
+## Serving the site locally
+
+Although this site can be viewed by simply opening the `.html` files, you would
+get a better user experience by serving it using Python's `SimpleHTTPServer` or
+`http.server` modules.
+
+To serve this site locally, execute the following commands in a terminal window:
+
+> For this to work, you will have to install [Python][2] on your machine.
+
+```
+$ cd simple-starwars-site
+$ python -m SimpleHTTPServer 8080  # If you have Python 2.7 installed
+$ python -m http.server 8080       # If you have Python 3 installed
+```
+
+After this, you can fire up your favorite web browser and put
+[http://localhost:8080][3] in the address bar.
+
 [1]: http://starwars.wikia.com/wiki/Main_Page
+[2]: https://www.python.org/downloads/
+[3]: http://localhost:8080
diff --git a/episode-i/index.html b/episode-i/index.html
@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="UTF-8">
+  <title>Episode I: The Phantom Menace - Simple Star Wars Site</title>
+</head>
+<body>
+  <article>
+    <h1>Episode I: The Phantom Menace</h1>
+    <img src="/media/images/starwars_episode_i.png" alt="Episode I: The Phantom Menace">
+    <h2>Opening crawl</h2>
+    <blockquote>
+      <p>Turmoil has engulfed the Galactic Republic. The taxation of trade routes to outlying star systems is in dispute.</p>
+      <p>Hoping to resolve the matter with a blockade of deadly battleships, the greedy Trade Federation has stopped all shipping to the small planet of Naboo.</p>
+      <p>While the Congress of the Republic endlessly debates this alarming chain of events, the Supreme Chancellor has secretly dispatched two Jedi Knights, the guardians of peace and justice in the galaxy, to settle the conflict...</p>
+    </blockquote>
+    <h2>General information</h2>
+    <table>
+      <thead>
+        <tr>
+          <th>Attribution information</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>Director(s)</td>
+          <td>George Lucas</td>
+        </tr>
+        <tr>
+          <td>Producer(s)</td>
+          <td>Rick McCallum</td>
+        </tr>
+        <tr>
+          <td>Writer(s)</td>
+          <td>George Lucas</td>
+        </tr>
+        <tr>
+          <td>Starring</td>
+          <td>
+            <ul>
+              <li>Liam Neeson</li>
+              <li>Ewan McGregor</li>
+              <li>Natalie Portman</li>
+              <li>Jake Lloyd</li>
+              <li>Pernilla August</li>
+              <li>Frank Oz</li>
+              <li>Ian McDiarmid</li>
+              <li>Oliver Ford Davies</li>
+              <li>Hugh Quarshie</li>
+              <li>Ahmed Best</li>
+              <li>Anthony Daniels</li>
+              <li>Kenny Baker</li>
+              <li>Terence Stamp</li>
+              <li>Ray Park</li>
+              <li>Samuel L. Jackson</li>
+            </ul>
+          </td>
+        </tr>
+        <tr>
+          <td>Music by</td>
+          <td>John Williams</td>
+        </tr>
+      </tbody>
+    </table>
+    <table>
+      <thead>
+        <tr>
+          <th>Production information</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>Distributor</td>
+          <td>20th Century Fox</td>
+        </tr>
+        <tr>
+          <td>Released</td>
+          <td>
+            <ul>
+              <li>May 19, 1999</li>
+              <li>February 10, 2012 (In 3D)</li>
+            </ul>
+          </td>
+        </tr>
+        <tr>
+          <td>Run time</td>
+          <td>
+            <ul>
+              <li>133 minutes (Theatrical)</li>
+              <li>136 minutes (DVD, Blu-ray, 3D and Digital HD)</li>
+            </ul>
+          </td>
+        </tr>
+        <tr>
+          <td>Budget</td>
+          <td>$115,000,000</td>
+        </tr>
+        <tr>
+          <td>Language</td>
+          <td>English</td>
+        </tr>
+      </tbody>
+    </table>
+    <table>
+      <thead>
+        <tr>
+          <th>Chronological information</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>Timeline</td>
+          <td>32 years before Star Wars: Episode IV A New Hope</td>
+        </tr>
+        <tr>
+          <td>Followed by</td>
+          <td>Episode II Attack of the Clones</td>
+        </tr>
+      </tbody>
+    </table>
+  </article>
+</body>
+</html>
diff --git a/index.html b/index.html
@@ -10,50 +10,50 @@
       <h1>Star Wars Movies</h1>
       <p>Explore all official Star Wars movies.</p>
       <article>
-        <h2>Episode I: The Phantom Menace</h2>
-        <img src="http://vignette2.wikia.nocookie.net/starwars/images/7/75/EPI_TPM_poster.png/revision/latest?cb=20130822171446" alt="Episode I: The Phantom Menace">
+        <h2><a href="/episode-i/">Episode I: The Phantom Menace</a></h2>
+        <img src="/media/images/starwars_episode_i.png" alt="Episode I: The Phantom Menace">
         <p>Turmoil has engulfed the Galactic Republic. The taxation of trade routes to outlying star systems is in dispute.</p>
         <p>Hoping to resolve the matter with a blockade of deadly battleships, the greedy Trade Federation has stopped all shipping to the small planet of Naboo.</p>
         <p>While the Congress of the Republic endlessly debates this alarming chain of events, the Supreme Chancellor has secretly dispatched two Jedi Knights, the guardians of peace and justice in the galaxy, to settle the conflict...</p>
       </article>
       <article>
         <h2>Episode II: Attack of the Clones</h2>
-        <img src="http://vignette3.wikia.nocookie.net/starwars/images/2/24/EPII_AotC_poster.png/revision/latest?cb=20130822173923" alt="Episode II: Attack of the Clones">
+        <img src="/media/images/starwars_episode_ii.png" alt="Episode II: Attack of the Clones">
         <p>There is unrest in the Galactic Senate. Several thousand solar systems have declared their intentions to leave the Republic.</p>
         <p>This separatist movement, under the leadership of the mysterious Count Dooku, has made it difficult for the limited number of Jedi Knights to maintain peace and order in the galaxy.</p>
         <p>Senator Amidala, the former Queen of Naboo, is returning to the Galactic Senate to vote on the critical issue of creating an ARMY OF THE REPUBLIC to assist the overwhelmed Jedi...</p>
       </article>
       <article>
         <h2>Episode III: Revenge of the Sith</h2>
-        <img src="http://vignette2.wikia.nocookie.net/starwars/images/e/e7/EPIII_RotS_poster.png/revision/latest?cb=20130822174232" alt="Episode III: Revenge of the Sith">
+        <img src="/media/images/starwars_episode_iii.png" alt="Episode III: Revenge of the Sith">
         <p>War! The Republic is crumbling under attacks by the ruthless Sith Lord, Count Dooku. There are heroes on both sides. Evil is everywhere.</p>
         <p>In a stunning move, the fiendish droid leader, General Grievous, has swept into the Republic capital and kidnapped Chancellor Palpatine, leader of the Galactic Senate.</p>
         <p>As the Separatist Droid Army attempts to flee the besieged capital with their valuable hostage, two Jedi Knights lead a desperate mission to rescue the captive Chancellor...</p>
       </article>
       <article>
         <h2>Episode IV: A New Hope</h2>
-        <img src="http://vignette2.wikia.nocookie.net/starwars/images/2/21/Star_wars_old.jpg/revision/latest?cb=20100708051712" alt="Episode IV: A New Hope">
+        <img src="/media/images/starwars_episode_iv.jpg" alt="Episode IV: A New Hope">
         <p>It is a period of civil war. Rebel spaceships, striking from a hidden base, have won their first victory against the evil Galactic Empire.</p>
         <p>During the battle, Rebel spies managed to steal secret plans to the Empire's ultimate weapon, the DEATH STAR, an armored space station with enough power to destroy an entire planet.</p>
         <p>Pursued by the Empire's sinister agents, Princess Leia races home aboard her starship, custodian of the stolen plans that can save her people and restore freedom to the galaxy...</p>
       </article>
       <article>
         <h2>Episode V: The Empire Strikes Back</h2>
-        <img src="http://vignette3.wikia.nocookie.net/starwars/images/e/e4/Empire_strikes_back_old.jpg/revision/latest?cb=20061201083417" alt="Episode V: The Empire Strikes Back">
+        <img src="/media/images/starwars_episode_v.jpg" alt="Episode V: The Empire Strikes Back">
         <p>It is a dark time for the Rebellion. Although the Death Star has been destroyed, Imperial troops have driven the Rebel forces from their hidden base and pursued them across the galaxy.</p>
         <p>Evading the dreaded Imperial Starfleet, a group of freedom fighters led by Luke Skywalker has established a new secret base on the remote ice world of Hoth.</p>
         <p>The evil lord Darth Vader, obsessed with finding young Skywalker, has dispatched thousands of remote probes into the far reaches of space...</p>
       </article>
       <article>
         <h2>Episode VI: Return of the Jedi</h2>
-        <img src="http://vignette2.wikia.nocookie.net/starwars/images/b/b2/ReturnOfTheJediPoster1983.jpg/revision/latest?cb=20080819092048" alt="Episode VI: Return of the Jedi">
-        <p>Luke Skywalker has returned to his home planet of Tatooine in an attempt to rescue his friend Han Solo from the clutches of the vile gangster Jabba the Hutt.</p>
+        <img src="/media/images/starwars_episode_vi.jpg" alt="Episode VI: Return of the Jedi">
+        <p>Luke Skywalker has returned to his homie planet of Tatooine in an attempt to rescue his friend Han Solo from the clutches of the vile gangster Jabba the Hutt.</p>
         <p>Little does Luke know that the GALACTIC EMPIRE has secretly begun construction on a new armored space station even more powerful than the first dreaded Death Star.</p>
         <p>When completed, this ultimate weapon will spell certain doom for the small band of rebels struggling to restore freedom to the galaxy...</p>
       </article>
       <article>
         <h2>Episode VII: The Force Awakens</h2>
-        <img src="http://vignette2.wikia.nocookie.net/starwars/images/f/fd/Star_Wars_Episode_VII_The_Force_Awakens.jpg/revision/latest?cb=20151018162823" alt="Episode VII: The Force Awakens">
+        <img src="/media/images/starwars_episode_vii.jpg" alt="Episode VII: The Force Awakens">
         <p>Luke Skywalker has vanished. In his absence, the sinister FIRST ORDER has risen from the ashes of the Empire and will not rest until Skywalker, the last Jedi, has been destroyed.</p>
         <p>With the support of the REPUBLIC, General Leia Organa leads a brave RESISTANCE. She is desperate to find her brother Luke and gain his help in restoring peace and justice to the galaxy.</p>
         <p>Leia has sent her most daring pilot on a secret mission to Jakku, where an old ally has discovered a clue to Luke's whereabouts...</p>

diff --git a/media/images/starwars_episode_i.png b/media/images/starwars_episode_i.png
diff --git a/media/images/starwars_episode_ii.png b/media/images/starwars_episode_ii.png
diff --git a/media/images/starwars_episode_iii.png b/media/images/starwars_episode_iii.png
diff --git a/media/images/starwars_episode_iv.jpg b/media/images/starwars_episode_iv.jpg
diff --git a/media/images/starwars_episode_v.jpg b/media/images/starwars_episode_v.jpg
diff --git a/media/images/starwars_episode_vi.jpg b/media/images/starwars_episode_vi.jpg
diff --git a/media/images/starwars_episode_vii.jpg b/media/images/starwars_episode_vii.jpg