diff --git a/about.html b/about.html new file mode 100644 index 0000000..fd7af33 --- /dev/null +++ b/about.html @@ -0,0 +1,58 @@ + + + + + + + + + + +
+

Star Wars Costumes

+

Costumes, News, and more!

+ +
+
+

About Our Site

+ + + +

Founded in 1999 in New Berlin, Wis., BuyCostumes.com is a trusted online retailer of costumes, accessories and decorations for Halloween partygoers, year-round costume enthusiasts and other fun-loving adults, children and even pets. Trust us: With our vast selection of colorful disguises, you'll never run out of disguises to wear — and ways to express your true inner confidence.

+ +

Shop with Confidence Every order is backed by no-hassle returns and exchanges, so you can shop with confidence.

+ +

Your Best Fit As an added feature of our Scare-Free Guarantee, we measure every costume in our warehouse to ensure that the sizing information on our site is accurate, so your new costume will fit you properly. +

+ +

Be in the Know as an Email VIP Email VIPs are the first to know about deals, contests, the latest and greatest costumes and more. Subscribe today and receive a coupon for 15% off your next purchase! +

+ +

Let's Make a Deal Weʼre so crazy for costumes, we're always offering crazy deals. All year long, we offer clearance prices, percentage-off discounts, shipping offers and other great promotions. Come back often — you never know what kind of a sale you'll find! +

+ +

Let's Get Social At BuyCostumes.com, we love to show off all the ways that life’s better in costume. See what's trending and share your own costumed celebrations with us on Facebook, Pinterest, Twitter, YouTube, Google Plus and Instagram! +

+ +

Read All About It Last but not least, visit our Ideas Blog to steal all our trade secrets about the latest costume trends, D.I.Y. accessorizing tips and other fun Halloween ideas. +

+ +
+ + + \ No newline at end of file diff --git a/articles/alternateFate.html b/articles/alternateFate.html new file mode 100644 index 0000000..42601ab --- /dev/null +++ b/articles/alternateFate.html @@ -0,0 +1,43 @@ + + + + + + Rogue One Alternate Fate + + + + + +
+

Star Wars Costumes

+ +
+
+

Rogue One Video Shows Cassian and K-2SO's Alternate Fate

+ +

Rogue One is proving to be a fascinating case study in alternate universes, and there is enough video evidence to suggest that multiple different cuts with varying outcomes exist. Previous trailers and other TV spots and footage have all included moments or scenes that were deleted from the final theatrical version of the movie. And we've heard a number of the filmmakers, including director Gareth Edwards, his editors and various writers talk about how the movie changed over the course of some extensive reshoots. But more and more evidence arrives to prove that there is one very different movie floating around out there, locked away in some Disney vault next to Walt's frozen body. Now we have even more video evidence of what that alternate version may have looked like. If you haven't seen the movie in the four weeks since its release, know that spoilers will be discussed openly and freely. That said, the rest of us who have seen the movie know that all of the main characters in Rogue One: A Star Wars Story meet their demise in the third act. But how that all came about is much different in the first cut of the movie. In the theatrical version, K-2SO is blasted into oblivion by Stormtroopers as he tries to protect Cassian and Jyn, who are in the process of retrieving the Death Star plans. We also know that Cassian suffers a deadly fall helping Jyn get the plans out of the Imperial base they've infiltrated on Scarif. Though, he does arrive in the final moments to save Jyn from being killed by Krennic, and the two of them get to stare off into the sunset as they are obliterated by a Kyber crystal-powered laser beam shot from the Death Star. Oh, but it wasn't always so. As this latest look behind the scenes prove. In a video from ABC News, we have a better understanding of what actually happened to Cassian and K-2SO in the original cut of the movie. This expose on the VFX seen in Rogue One delves into the creation of Imperial droid turned rebel K-2SO. We get to see some set footage of Alan Tudyk in his motion capture gear. And we get to see the droid's alternate fate as he is blasted in a similar fashion to what we actually see in the movie. The telltale sign here is the sand. You see it all over the ground. And K-2SO is not in the base. Also, we see Cassian's lifeless body lying next to K-2SO as the robot is shot to death. The pair both died side-by-side outside of the Imperial bunker. This scene likely followed two other missing scenes. The first of which was shown in one of the earlier trailers. We know that in the original cut, K-2SO was still with Jyn and Cassian after they managed to get their hands on the plans. And we know from the Star Wars Celebration sizzle reel, that Jyn and Cassian made a made dash across the beach with those plans in hand. Now, here, we get to see how K-2SO and Cassian originally died. And it doesn't look like Cassian is going to get up to save Jyn at the last moment in this original version of their ultimate fate. The video embed here is interesting beyond that. It delves into the overall creation of K-2SO with Clayton Sandell. One of the fun facts revealed in this video, alongside the alternate behind-the-scenes footage, is that K2's joints were inspired by the Star Tours ride at Disneyland, which give the attraction its feeling of weightlessness. There is nothing significant about this in terms of bringing the droid to life, though, beyond the fact that it pays an homage to Disney's Imagineers in an Easter egg you wouldn't probably ever discover without being told. You can check out the behind-the-scenes footage in the embed, which reveals one of Cassian and K-2SO's many fates. But just how many different ways did they die? Perhaps we'll never know.

+ +
+ + + + \ No newline at end of file diff --git a/articles/finalRogueOneScene.html b/articles/finalRogueOneScene.html new file mode 100644 index 0000000..75d00f5 --- /dev/null +++ b/articles/finalRogueOneScene.html @@ -0,0 +1,49 @@ + + + + + + Rogue One Scene + + + + + +
+

Star Wars Costumes

+ +
+
+

Darth Vader's Final Rogue One Scene Almost Didn't Happen

+ + +

Star Wars: Rogue One has been in theaters for just about a month, and it is safe to say the movie is a huge success. Not only has the first ever live-action theatrically released Star Wars Anthology movie to take place outside of the Skywalker saga done very well at the box office, but it has been very well received by fans. One of the main reasons for that was the presence of Darth Vader, specifically his final scene. It turns out that scene wasn't originally in the movie. Warning: There will be massive spoilers for Rogue One: A Star Wars Story ahead. Last year, there was a lot of concern when news surfaced that there would be some very significant reshoots done just months before the release of Rogue One. As it turns out, those reshoots were very worthwhile. Speaking with Yahoo Movies!, editor John Gilroy revealed that Darth Vader's final, epic, violent moment wasn't originally in the movie and was added during the reshoots. Here is what he had to say about it.

+ "What was added - and it was a fantastic add - was the Vader action scene, with him boarding the ship and dispatching all those rebel soldiers. That was something conceptualized a little later." +

Without that final Darth Vader scene, his presence could have easily been perceived as disappointing. When looking at the trailers for Star Wars: Rogue One, it is easy to see that some of his other scenes were cut, none of which were really action heavy. It seems like he was going to be more of a looming presence in the background as opposed to being an actual threat. Many have said the Vader scene was the best thing in the movie and it is arguably one of the best moments the character has ever enjoyed on screen. Interestingly enough, there were two different actors who wound up playing Darth Vader in the movie because of the reshoots. During the initial scene between Orson Krennic (Ben Mendelsohn) and Vader, it was Spencer Wilding. However, because of timing, Disney and Lucasfilm had to bring in Daniel Naprous to wield the lightsaber in the final sequence. John Gilroy was brought on during the reshoots to help director Gareth Edwards with editing and some rewrites, which seemed to be a good call. Shortly after the movie was released, he also talked about some of the other additions that were made during reshoots, but they seemed to be more character driven additions, as opposed to such monumental changes, like the Darth Vader sequence. Here is what he had to say about it last month in a separate interview with Yahoo.

+ "The story was reconceptualized to some degree, there were scenes that were added at the beginning and fleshed out. We wanted to make more of the other characters, like Cassian's character, and Bodhi's character. The scene with Cassian's introduction with the spy, Bodhi traipsing through Jedha on his way to see Saw, these are things that were added. Also Jyn, how we set her up and her escape from the transporter, that was all done to set up the story better." +

The final version of Rogue One: A Star Wars Story wound up being very good, by most accounts and also very profitable. The movie is closing in on the $1 billion mark at the box office and managed to prove that these standalone Star Wars stories can work. Also, there always seems to be a concern with movies when the undergo reshoots and if nothing else, Rouge One proves that reshoots can be very helpful.

+ + Back to home +
+ + + + \ No newline at end of file diff --git a/articles/index.html b/articles/index.html new file mode 100644 index 0000000..f643e95 --- /dev/null +++ b/articles/index.html @@ -0,0 +1,126 @@ + + + + + + Articles + + + + + +
+

Star Wars Costumes

+

Costumes, News, and more!

+ +
+
+ +
+ + + + + \ No newline at end of file diff --git a/articles/leiaBroughtBack.html b/articles/leiaBroughtBack.html new file mode 100644 index 0000000..c2a6f08 --- /dev/null +++ b/articles/leiaBroughtBack.html @@ -0,0 +1,46 @@ + + + + + + Leia Brought Back + + + + + +
+

Star Wars Costumes

+ +
+
+

How Leia May Be Brought Back For Star Wars: Episode IX

+ + +

The death of Carrie Fisher has thrown the Star Wars franchise for a loop. They're going to have to film the final part of their trilogy without one of the series' most important characters. However, they are apparently looking at a solution. A new report claims that Disney is currently negotiating with the estate of Carrie Fisher in order to get the rights to her likeness for future films. It appears like we may see General Leia in Star Wars: Episode IX after all.

+

The statement comes via BBC Newsnight (via StarWarsNewsNet) who reported that the negotiations are already taking place. The report claims that the plan is to secure Carrie Fisher's likeness in order to bring Leia back via CGI for future films, in a similar fashion to the way they brought back Grand Moff Tarkin via a computer generated Peter Cushing.

+

While this report may be entirely accurate it seems to be taking place quite fast. Last week, it was reported that Lucasfilm chief Kathleen Kennedy would be meeting with Star Wars: Episode IX director Colin Trevorrow on January 10 in order to begin to discuss what to do about Carrie Fisher in the film. The word on the street was that Leia had a much-expanded role in the last film of the trilogy, which meant that significant script rewrites were possible. This report makes it sound like a decision has been made and negotiations are underway, which seems awfully fast. While the negotiations may be happening, it seems a little too soon to be so sure about exactly what they mean. Carrie Fisher's likeness was used in Rogue One: A Star Wars Story so it's entirely possible that Disney is looking to secure her likeness for other projects entirely. In addition, it's highly likely that Star Wars will need to use a CGI Leia at some point in this process. While it might be used to create the character for Star Wars: Episode IX, it might also be needed as part of filming additional scenes in Star Wars: Episode VIII that will explain why she doesn't appear in the last part of the trilogy. In fact, this may be the most likely scenario, as it would explain why negotiations are happening so quickly. There is another possibility, which is that Disney has no specific plans to bring back Leia, but they want to have the ability to do so if they ever find themselves in need of her. After what we saw in Rogue One: A Star Wars Story it would honestly be shocking if Disney isn't negotiating with all of the Star Wars stars to have the rights to use their likeness down the road. It would just be simpler to make the deals now just so they don't have to worry in the future. Should Leia, one of the most important characters in Star Wars be kept around to finish the story or should they let Carrie Fisher go? Let us know what you think in the comments below.

+ Back to home +
+ + + + \ No newline at end of file diff --git a/articles/playingVader.html b/articles/playingVader.html new file mode 100644 index 0000000..d6e439c --- /dev/null +++ b/articles/playingVader.html @@ -0,0 +1,48 @@ + + + + + + Playing Vader + + + + + +
+

Star Wars Costumes

+ +
+
+

What Was It Like Playing Darth Vader in Rogue One?

+ +

There were a lot of things to love about Rogue One: A Star Wars Story, but heading into (and out of) the movie, there is almost no question that the biggest reason to be excited about the movie was Darth Vader. We haven't seen true-to-form Darth Vader on screen since Star Wars: Return of the Jedi, if you don't count the quick bit at the end of Star Wars: Revenge of the Sith. Now the actor who played him on screen in the latest live-action Star Wars movie has opened up a bit about taking on the iconic character and how he was brought to life this time around. British actor Spencer Wilding played Darth Vader in the suit for Rogue One: A Star Wars Story, but James Earl Jones once again returned to voice the famed Sith Lord. He recently talked about his experience with ITV during a special screening of the movie in his hometown of Rhyl, Wales. Here is what he had to say about it.

+ "It's awesome. Every person here would love to play Darth Vader. It's just an awesome character. I've got so much love for this town, and all the surrounding towns. This character has got so much presence - it's unbelievable. I'm just one small element of Star Wars. It's a massive production, and it takes a lot to bring the magic of that film. It's just awesome." +

It clearly wasn't lost on Spencer Wilding how cool it was that he got to bring Darth Vader to life once again on the big screen for what very well could be the last time ever. Outside of knowing that it was awesome, he also took the preparations very seriously and did his best to make sure the Darth Vader scenes were authentic. By most accounts, he did a very good job of that. Here is what he had to say about his preparations for the role and how the creative team made sure it was as true to the character as could be.

+ "We studied the movements of Darth Vader. We had a trainer who got it bang on. We wanted to keep it 'Darth Vader!' It's every actor's dream. I'm still pinching myself!" +

In the original Star Wars trilogy, it was David Prowse who actually played Darth Vader on screen, though, most people associate the role with James Earl Jones, since he provided the voice. David Prowse still embraces his turn as Darth Vader wholly, but at the age of 81 couldn't put on the suit again for Star Wars: Rogue One. So, it was Spencer Wilding who had the honor of doing so. Well, at least partially. An actor by the name of Daniel Naprous is also credited as Darth Vader for the movie. It is believed that Daniel Naprous was in the costume for the significant reshoots that were done, but Spencer Wilding was in the major scenes, including the big scene at the end which was easily one of the high points of the entire movie. It could easily be argued that was one of the best Darth Vader scenes in the history of the Star Wars franchise, so playing him on screen for it is going to go down as a pretty big honor when all is said and done. Prior to the release of Rogue One, it had been a long time since Star Wars fans had seen a truly threatening Darth Vader on screen, so it was certainly a treat to see it done in this first standalone Star Wars movie from Disney and Lucasfilm. There has been a little bit of backlash over the decision to resurrect Grand Moff Tarkin and Princess Leia using CGI, so luckily director Gareth Edwards was able to do Darth Vader justice and avoid any controversy over that aspect of the movie, since he is one of the most if not the single most beloved movie villain of all time. Spencer Wilding has worked fairly steadily as an actor in shows like Game of Thrones but now, if nothing else, he will probably always have a home at Star Wars fan conventions.

+ + Back to home +
+ + + + \ No newline at end of file diff --git a/articles/rogueOneLocation.html b/articles/rogueOneLocation.html new file mode 100644 index 0000000..c77e391 --- /dev/null +++ b/articles/rogueOneLocation.html @@ -0,0 +1,44 @@ + + + + + + Secret Location in Rogue One + + + + + +
+

Star Wars Costumes

+ +
+
+

The Rogue One Location They Worked Really Hard To Keep Secret, And Why

+ +

Although a month has passed since its release, Rogue One: A Star Wars Story is still the blockbuster on everyone's minds. The first standalone movie in the Star Wars franchise was a bonafide success, expanding the galaxy far, far away while also making tons of money at the box office. Rogue One had a tone unique to the franchise, and also brought back fan favorite characters from past installments. And no character was quite as exciting and polarizing as Darth Vader, who came back with a vengeance. One of the most surprising aspects of Vader's appearance in Rogue One was his fiery castle, especially because his opening scene was lacking the title cards which the other locations were given. Well, it turns out that was done purposefully. Rogue One editor John Gilroy has been fairly chatty now that the film is finally in theaters, and he can discuss what went into the editing process. Regarding Darth Vader's Mustafar castle lacking a title card, it was apparently done to make Vader's first appearance a true surprise for the audience. He revealed the following (via Yahoo Movies),

+ We had one on for a little while, but what we realized was Star Wars fans --- true Star Wars fans --- if they saw the name, would know exactly what they were going to see. And we wanted it to be a bit of a surprise, so we decided to not put the title on so Star Wars fans could be surprised along with people who were not initiated to where Mustafar was. +

Did anyone else just have an "aha" moment? What seemed like a folly by the filmmakers was actually a very logical editing choice. So take that, haters. Rogue One: A Star Wars Story utilized quite a few unique editing choices. The iconic opening crawl was absent from the film, as was some of the classic transitions like the Star Wars wipes to new shots. Then there was the inclusion of title cards, which isn't really how the franchise usually operates. Having each setting introduced was actually quite helpful, as there were a variety of planets in play during the film's runtime. But when we were on Mustafar without a title card, it felt disjointed. Alas, it was done on purpose so that Darth Vader's first scene was as powerful and surprising as possible. While not as iconic as planets like Tatooine, Mustafar actually holds a fair amount of weight for the Star Wars canon as a whole; Anakin Skywalker's descent to the dark side was cemented on the fire planet. After nearly force choking Padme to death, Anakin and Obi-Wan Kenobi engaged in the most epic lightsaber battle in the franchise's history. And after gaining the higher ground (which apparently is game over for Jedi), Obi- Wan took Anakin's limbs and left him to burn on the planet's fiery surface. And just like that, Darth Vader was born. Rogue One: A Star Wars Story is still in theaters now.

+
+ + + + \ No newline at end of file diff --git a/articles/starWarsOneChart.html b/articles/starWarsOneChart.html new file mode 100644 index 0000000..839a551 --- /dev/null +++ b/articles/starWarsOneChart.html @@ -0,0 +1,52 @@ + + + + + + Imperial Losses + + + + + +
+

Star Wars Costumes

+ +
+
+

Star Wars, In One Chart

+ + + FaceBook icon + Twitter icon + Email icon + +

The Galactic Civil War — recently retold in the military history called Star Wars1 — pitted the Imperial Navy, one of the most sophisticated fighting forces in history, against the ragtag Rebel Alliance. The rebels resoundingly defeated the advances of the better-supplied fleet in a stunning six-year guerrilla war. How did this happen? A FiveThirtyEight analysis of the expeditionary force that saw the bulk of the fighting in the main theater of the rebellion — that is, from Scarif to Yavin to Hoth and finally Endor — found that the consolidation of Imperial forces in immense capital ships and battlestations led to catastrophic losses. With apologies to Charles Joseph Minard and his visualization of Napoleon’s invasion of Russia, here is why you never invade Hoth in winter:

+ + +

The Empire’s fatal strategy was particularly obvious at Yavin, when the first Death Star was destroyed — causing the deaths of approximately 2.4 million personnel, or the equivalent of 50 Star Destroyer crews — and at Endor, where the destruction of the second Death Star, a large portion of the Star Destroyer fleet and the Super Star Destroyer Executor led to the demise2 of an estimated 78 Star Destroyers worth of Imperial personnel (3.6 million personnel). Troops and materiel weren’t the only deciding factor in the conflict. There was also the Force, and the events of Endor shifted the balance of that power toward the Jedi for the first time in the war’s history. Our chart focuses solely on the military forces shown in the documentaries “Rogue One,” “Star Wars: A New Hope,” “The Empire Strike Back” and “The Return of the Jedi.” General estimates for the number of capital ships come courtesy of Lucasfilm historians, with gaps in the official record filled3 through estimation after research on Wookieepedia and through careful examination of the films themselves. Imperial forces not seen on-screen are not counted as part of the expeditionary counter-Rebellion force.

+ Back to home +
+ + + + \ No newline at end of file diff --git a/comments.md b/comments.md new file mode 100644 index 0000000..e965b25 --- /dev/null +++ b/comments.md @@ -0,0 +1,22 @@ +# Comments + +## After P1-F + +Great progress. A few more notes towards your final submission: + +* Note that when you have `main` you likely don't also need `section#site-content` +* no pressure to allow "quantity" for products but rather simply point to a website where the product can be purchase. +* `mensJangoFett.html` some text is not marked. +* On article list and on the article itself for the One Chart you have a note about a "drop-down window" but this is not something we cover in class. Just be sure you have a plan clarified for this as needed. + + +## After P1-E revisions + +Much improved and looking more like the sample site now. A few things to push on: + +* Consider adding a `main` element on each page between `header` and `footer` to ensure a fully consistent document structure. +* Watch throughout the main page, articles page and products page that you're intentional to use headings when necessary, and to only use `b` filling an entire `p` when necessary. We'll be able to select a `p` with CSS and make it bold if we want, so prefer adding `b` only when its necessary to distinguish part of some content from others. `em` and `strong` make a little more sense wrapping all of an element since they add a little more semantic value than `i` and `b`. Hope this makes sense. Bottom line, `

...

` feels a little redundant and perhaps either ought be just a `p` that we will later style to be bolded, or otherwise might ought to be some form of heading. + +## After P1-E + +You're on the right track but have some work to do to meet this deliverable. Your content on each page should conform more towards the sample site provided in the project instructions' Resources section. Otherwise the markup you have is good overall; just need to push on it more. \ No newline at end of file diff --git a/docs/sitemap.pdf b/docs/sitemap.pdf new file mode 100644 index 0000000..c564009 Binary files /dev/null and b/docs/sitemap.pdf differ diff --git a/images/addToCartButton.png b/images/addToCartButton.png new file mode 100644 index 0000000..7ae9054 Binary files /dev/null and b/images/addToCartButton.png differ diff --git a/images/alternateFate-large.png b/images/alternateFate-large.png new file mode 100644 index 0000000..b7cf632 Binary files /dev/null and b/images/alternateFate-large.png differ diff --git a/images/amidala-thumb.png b/images/amidala-thumb.png new file mode 100644 index 0000000..cc8b1b0 Binary files /dev/null and b/images/amidala-thumb.png differ diff --git a/images/buyCostumes.png b/images/buyCostumes.png new file mode 100644 index 0000000..3ec07c3 Binary files /dev/null and b/images/buyCostumes.png differ diff --git a/images/cassianAndDroid.png b/images/cassianAndDroid.png new file mode 100644 index 0000000..4653250 Binary files /dev/null and b/images/cassianAndDroid.png differ diff --git a/images/emailIcon.png b/images/emailIcon.png new file mode 100644 index 0000000..8a933c5 Binary files /dev/null and b/images/emailIcon.png differ diff --git a/images/faceBookIcon.png b/images/faceBookIcon.png new file mode 100644 index 0000000..d31e7b4 Binary files /dev/null and b/images/faceBookIcon.png differ diff --git a/images/fett-thumb.png b/images/fett-thumb.png new file mode 100644 index 0000000..6c96de7 Binary files /dev/null and b/images/fett-thumb.png differ diff --git a/images/jangoFett.png b/images/jangoFett.png new file mode 100644 index 0000000..f91de39 Binary files /dev/null and b/images/jangoFett.png differ diff --git a/images/jawa-thumb.png b/images/jawa-thumb.png new file mode 100644 index 0000000..bcea042 Binary files /dev/null and b/images/jawa-thumb.png differ diff --git a/images/jawa.jpg b/images/jawa.jpg new file mode 100644 index 0000000..9f54c58 Binary files /dev/null and b/images/jawa.jpg differ diff --git a/images/krennic-thumb.png b/images/krennic-thumb.png new file mode 100644 index 0000000..dcc39fb Binary files /dev/null and b/images/krennic-thumb.png differ diff --git a/images/krennic.png b/images/krennic.png new file mode 100644 index 0000000..5a7a0af Binary files /dev/null and b/images/krennic.png differ diff --git a/images/leia-home.png b/images/leia-home.png new file mode 100644 index 0000000..220441f Binary files /dev/null and b/images/leia-home.png differ diff --git a/images/leia.png b/images/leia.png new file mode 100644 index 0000000..7b05701 Binary files /dev/null and b/images/leia.png differ diff --git a/images/mustafarVader.png b/images/mustafarVader.png new file mode 100644 index 0000000..d9422ce Binary files /dev/null and b/images/mustafarVader.png differ diff --git a/images/playingVader.png b/images/playingVader.png new file mode 100644 index 0000000..d53b45e Binary files /dev/null and b/images/playingVader.png differ diff --git a/images/queenAmidala.png b/images/queenAmidala.png new file mode 100644 index 0000000..adc174e Binary files /dev/null and b/images/queenAmidala.png differ diff --git a/images/rey-thumb.png b/images/rey-thumb.png new file mode 100644 index 0000000..693e9fd Binary files /dev/null and b/images/rey-thumb.png differ diff --git a/images/rey.jpg b/images/rey.jpg new file mode 100644 index 0000000..b96c6a5 Binary files /dev/null and b/images/rey.jpg differ diff --git a/images/sizeChartButton.png b/images/sizeChartButton.png new file mode 100644 index 0000000..7cabc0c Binary files /dev/null and b/images/sizeChartButton.png differ diff --git a/images/stormTrooperCombat.png b/images/stormTrooperCombat.png new file mode 100644 index 0000000..6c7c291 Binary files /dev/null and b/images/stormTrooperCombat.png differ diff --git a/images/troopLosses.png b/images/troopLosses.png new file mode 100644 index 0000000..5b7f491 Binary files /dev/null and b/images/troopLosses.png differ diff --git a/images/twitterIcon.png b/images/twitterIcon.png new file mode 100644 index 0000000..2a79075 Binary files /dev/null and b/images/twitterIcon.png differ diff --git a/images/vaderFinalScene.png b/images/vaderFinalScene.png new file mode 100644 index 0000000..2ab0860 Binary files /dev/null and b/images/vaderFinalScene.png differ diff --git a/images/vaderRogueOneScene-home.png b/images/vaderRogueOneScene-home.png new file mode 100644 index 0000000..0f24bd7 Binary files /dev/null and b/images/vaderRogueOneScene-home.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..299de6d --- /dev/null +++ b/index.html @@ -0,0 +1,100 @@ + + + + + + Home Page + + + + + +
+

Star Wars Costumes

+

Costumes, News, and more!

+ +
+
+
+

Recent News

+ + View all articles» +
+
+

Featured Products

+ +
+
+ + + + + \ No newline at end of file diff --git a/products/boysKrennic.html b/products/boysKrennic.html new file mode 100644 index 0000000..673a40e --- /dev/null +++ b/products/boysKrennic.html @@ -0,0 +1,52 @@ + + + + + + Krennic Costume + + + + + +
+

Star Wars Costumes

+ +
+
+
+ +
+
+

Director Krennic Costume

+

$34.99

+

Let your boy command his own squad of Death Troopers for the Galactic Empire in this Boys Director Krennic Costume. Have him put on the black and white jumpsuit that features silver uniform detailing and a rank patch to look just like Director Krennic from the Rogue One: A Star Wars Story movie. The jumpsuit fastens in the back with a hook-and-loop closure. Finish off his Director Krennic costume with the included holster belt and long white cape. Now he's ready to take down the rebel scum in this boys Rogue One costume! Shoes not included.

+

Star Wars Rogue One Boys Director Krennic Costume includes:

+ +

Buy now»

+
+
+ + + + + \ No newline at end of file diff --git a/products/girlsRey.html b/products/girlsRey.html new file mode 100644 index 0000000..6dea58b --- /dev/null +++ b/products/girlsRey.html @@ -0,0 +1,54 @@ + + + + + + Rey Costume + + + + + +
+

Star Wars Costumes

+ +
+
+
+ +
+
+

Rey Costume

+

$35.99

+ +

Rey, one of the main characters and heroes in Star Wars: The Force Awakens, is proof that girl power is the real deal: she never backs down from anyone, and isn’t afraid to go toe-to-toe with the evil Knights of Ren. That’s why this Star Wars costume is one of the most popular ways that you can turn Halloween night with your daughter into an epic galactic adventure. Bring other characters like Finn (and even bad guys like Kylo Ren) into the mix for a fun family costume.

+

Star Wars Rey costume includes:

+ + Buy now » +
+
+ + + + + \ No newline at end of file diff --git a/products/index.html b/products/index.html new file mode 100644 index 0000000..1f713fe --- /dev/null +++ b/products/index.html @@ -0,0 +1,80 @@ + + + + + + Products + + + + + +
+

Star Wars Costumes

+

Costumes, News, and more!

+ +
+
+ +
+ + + + + \ No newline at end of file diff --git a/products/mensJangoFett.html b/products/mensJangoFett.html new file mode 100644 index 0000000..5f85d5e --- /dev/null +++ b/products/mensJangoFett.html @@ -0,0 +1,53 @@ + + + + + + + + + + + +
+

Star Wars Costumes

+ +
+
+
+ +
+
+

Jango Fett Costume

+

$119.99

+

Nobody will want to get in your way this Halloween when you wear the Complete Deluxe Jango Fett Adult Costume! You'll look perfect as this popular Star Wars character that will never stop when he's on the hunt! Polyester. Hand wash, line dry. Cold water. No bleach.

+

Star Wars Jango Fett costume includes:

+ + Buy now » +
+
+ + + + + \ No newline at end of file diff --git a/products/mensJawaCostume.html b/products/mensJawaCostume.html new file mode 100644 index 0000000..3b0512f --- /dev/null +++ b/products/mensJawaCostume.html @@ -0,0 +1,53 @@ + + + + + + Mens Jawa Costume + + + + + +
+

Star Wars Costumes

+ +
+
+
+ +
+
+

Jawa Costume

+

$55.99

+

Slip inside this full ensemble costume and you'll disappear right into the character. With a long brown robe, hood, and mask with those creepy red eyes, your friends won't have a clue just who's eyeing up their possessions for scrap.

+

Star Wars Mens Jawa costume includes:

+ + Buy now » +
+
+ + + + + \ No newline at end of file diff --git a/products/womensQueenAmidala.html b/products/womensQueenAmidala.html new file mode 100644 index 0000000..f8d7f90 --- /dev/null +++ b/products/womensQueenAmidala.html @@ -0,0 +1,51 @@ + + + + + + Queen Amidala Costume + + + + + +
+

Star Wars Costumes

+ +
+
+
+ +
+
+

Queen Amidala Costume

+

$65.99

+

Being the Queen of Naboo isn't all about the poise and stature of simply looking queenly. It's not just all about drinking tea and eating crumpets. It's much more about dodging assassination attempts placed on your life, trying to negotiate peace with the Trade Federation, and blasting bad guys who threaten the safety of Naboo with a sleek looking pistol! Well, that and you have to look like a regal and distinguished leader throughout all the whole ordeal AND deal with Jedi who really just do their own thing and never listen to you. Yeah, we're looking at you, Qui-Gonn Jinn! In the midst of all of this, Queen Amidala pulls it off, with some insane poise and leadership, even bringing about a peace between her people and the Gungans (with a little help from Jar-Jar).

+

Star Wars Rogue One Womens Queen Amidala costume includes:

+ + Buy now » +
+
+ + + + + \ No newline at end of file diff --git a/styles.css b/styles.css new file mode 100644 index 0000000..e2c74b8 --- /dev/null +++ b/styles.css @@ -0,0 +1,641 @@ +@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:400,500,700|Open+Sans:300,400,500'); + a { + font-family:'Open Sans', sans-serif; + color: #4A90E2; + text-decoration: none; + font-weight: 500; +} +a href { + text-decoration: none; + color: #4A90E2; +} +.about-container { + margin-top: 73px; +} +#allArticlesButton { + text-decoration: none; + background-color: #6A9C7B; + box-sizing: border-box; + display: block; + font-family:"Open Sans", sans-serif; + font-size: 1.4rem; + font-weight: 700; + text-align: center; + color: white; + border: none; + padding: 15px 50px 15px 50px; + outline: none; + width: 360px; + height: 50px; + justify-content: center; + margin-bottom: 143px; + margin-left: auto; + margin-right: auto; +} +#allProductsButton { + text-decoration: none; + background-color: #6A9C7B; + box-sizing: border-box; + display: block; + font-family:"Open Sans", sans-serif; + font-size: 1.4rem; + font-weight: 700; + text-align: center; + color: white; + border: none; + padding: 15px 50px 15px 50px; + outline: none; + width: 360px; +} +.articleImage { + float: left; + width: 360px; + margin-bottom: 20px; +} +.articlesList { + display: flex; + justify-content: center; + flex-flow: row wrap; + margin-top: 55px; +} +.articlesList .button { + margin-top: 0px; +} +.article-preview a { + display: flex; + align-items: flex-start; +} +.article-preview .button { + margin-bottom: 41px; +} +.articleText { + float: left; + width: 596px; + margin-left: 40px; + margin-top: 0px; + padding-top: 0px; + display: flex; + flex-flow: row wrap; +} +.articleText a { + text-decoration: none; + background-color: #6A9C7B; + box-sizing: border-box; + display: block; + font-family:"Open Sans", sans-serif; + font-size: 1.4rem; + font-weight: 700; + text-align: center; + color: white; + border: none; + padding: 15px 60px 15px 60px; + outline: none; + width: 260px; + justify-content: center; + margin-top: 20px; +} +.articleText h2 { + margin-top: 0px; + margin-bottom: 9px; + width: 596px; +} +.articleText p { + margin-top: 0px; + margin-bottom: 23px; +} +.author { + width: 196px; + margin-top: 9px; + margin-bottom: 17px; +} +body { + font-family:'Open Sans', sans-serif; + width: 1200px; + font-size: 1.4rem; + color: #1C1919; +} +button { + background-color: #6A9C7B; + box-sizing: border-box; + display: block; + font-family:"Open Sans", sans-serif; + font-size: 1.4rem; + font-weight: 700; + text-align: center; + color: white; + padding: 15px 60px 15px 60px; + outline: none; + width: 260px; +} +.date { + width: 87px; + margin-top: 9px; + margin-bottom: 17px; + margin-right: 23px; +} +.featuredArticle { + margin-bottom: 21px; + box-sizing: border-box; + height: 370px; + padding-top: 320px; + display: flex; + justify-content: space-between; + padding-left: 21px; + padding-right: 22px; +} +.featuredArticleSnippet { + display: none; +} +.floatingTitle { + font-family:'Libre Franklin', sans-serif; + font-size: 2.3rem; + font-weight: 700; + width: 392px; + color: white; + margin-right: 200px; +} +h1 { + font-family:'Libre Franklin', sans-serif; + font-size: 3.7rem; + font-weight: 700; + margin-bottom: 0px; + padding-bottom: 0px; +} +h2 { + font-family:'Libre Franklin', sans-serif; + font-size: 2.3rem; + font-weight: 700; +} +h3 { + font-family:'Libre Franklin', sans-serif; + font-size: 1.4rem; + font-weight: 700; +} +.home-articles { + display: flex; + flex-flow: row wrap; + padding: 5px; + margin-top: 0px; +} +.home-articles .featuredArticle { + width: 100%; +} +.home-articles li { + width: 360px; + margin-right: 12px; +} +.home-container { + display: flex; + justify-content: space-between; +} +#home-left { + justify-content: space-between; + align-content: space-between; + width: 758px; +} +#home-left .featuredArticle { + background-image: url("images/alternateFate-large.png") +} +#home-left h2 { + margin-left: 5px; + margin-bottom: 0px; +} +#home-right { + width: 360px; + margin-right: 55px; +} +#home-right h2 { + width: 207px; + margin-left: 30px; +} +#home-right li { + display: flex; + width: 360px; + flex-flow: row wrap; + margin-bottom: 35px; +} +.homepage-product { + font-family:'Libre Franklin', sans-serif; + font-size: 1.4rem; + font-weight: 700; +} +html { + font-size: 10px; + padding: 20px; +} +img { + max-width: 100%; +} +.itemName { + font-family:'Libre Franklin', sans-serif; + font-size: 1.4rem; + font-weight: 700; + margin-right: 20px; + margin-left: 20px; + width: 260px; +} +.itemPrice { + font-family:'Open Sans', sans-serif; + font-size: 1.4rem; + width: 60px; +} +#nav-main a { + font-size: 2.3rem; + margin: 0px; +} +nav ul { + display: flex; + background-color: #B04213; + padding: 5px 15px; + justify-content: left; +} +nav a { + font-family:'Open Sans', sans-serif; + font-weight: 700; + color: white; + text-decoration: none; + margin-right: 72px; + margin-left: 72px; + font-size: 2.3rem; + height: 4rem; +} +p.featured-products { + font-family:'Libre Franklin', sans-serif; + font-size: 1.4rem; + font-weight: 700; +} +.product-container { + display: flex; + justify-content: space-between; +} +.product-container .productImage { + margin-left: 120px; + margin-bottom: 298px; +} +.product-container .productDescription { + width: 460px; + float: left; + margin-top: 91px; + margin-right: 120px; + margin-bottom: 298px; +} +.productDescription a { + background-color: #6A9C7B; + box-sizing: border-box; + display: block; + font-family:"Open Sans", sans-serif; + font-size: 1.4rem; + font-weight: 700; + text-align: center; + color: white; + padding: 15px 60px 15px 60px; + outline: none; + width: 260px; +} +.productDescription .costumePieces li { + list-style-type: disc; +} +.productDescription h2 { + margin-bottom: 3px; + margin-top: 0px; + height: 40px; +} +.productDescription .itemPrice { + margin-top: 0px; + margin-bottom: 20px; +} +.productImage { + width: 460px; + float: left; + margin-right: 20px; + margin-top: 69px; +} +.productList { + display: flex; + justify-content: flex-start; + flex-flow: row wrap; + padding-top: 63px; + padding-left: 20px; +} +.productList li img { + width: 360px; + height: 225px; +} +.productList li { + padding-bottom: 95px; + padding-right: 20px; + display: flex; + flex-flow: row wrap; + width: 360px; +} +#site-masthead p { +} +ul { + list-style: none; +} +/*tablet settings */ + @media screen and (max-width: 1240px) { + .about-container { + margin-top: 33px; + } + #allArticlesButton { + width: 340px; + } + #allProductsButton { + width: 220px; + } + .articleImage { + width: 220px; + display: block; + margin-right: 20px; + } + .articleImage img { + height: 134.44px; + } + .articlesList { + padding: 0px; + margin-top: 41px; + } + .article-preview .button { + width: 160px; + height: 40px; + padding: 10px; + margin: 15px 0px 41px 0px; + display: block; + } + .articleText { + width: 460px; + display: inline; + margin-left: 0px; + } + .articleText p { + margin-top: 8px; + margin-bottom: 0px; + } + .author { + display: inline; + } + body { + width: 720px; + } + a.button { + width: 160px; + padding: 10px 43px 10px 43px; + } + .date { + margin-right: 23px; + display: inline; + } + .featuredArticle { + width: 459.74px; + padding-top: 310px; + background: none; + } + .featuredArticle a { + width: 88px; + padding-top: 10px; + } + .floatingTitle { + width: 400px; + margin-right: 43px; + padding-bottom: 7px; + } + .home-articles { + padding: 0px; + justify-content: space-between; + } + .home-articles img { + display: none; + } + .home-articles li { + width: 220px; + margin-right: 4px; + } + .home-articles li img { + display: block; + width: 220px; + } + .home-articles ul { + padding: 0px; + } + #home-left { + width: 459.74px; + } + #home-right { + width: 220px; + padding: 10px; + } + #home-right li { + width: 220px; + } + html { + padding: 0px; + } + .itemName { + width: 181px; + margin: 0px; + } + .itemPrice { + width: 60px; + margin: 0px; + } + #nav-main a { + font-size: 1.8rem; + margin: 0px; + } + #nav-main li { + height: 30px; + width: 100px; + text-align: center; + margin-left: 33px; + margin-right: 33px; + } + .product-container { + margin-bottom: 60px; + } + .product-container .productDescription { + margin: 33px 11px 0px 0px; + } + .product-container .productImage { + margin: 0px; + margin-top: 40px; + } + .productImage img { + width: 340px; + } + .productList { + padding: 0px; + margin-top: 41px; + } + .productList li { + width: 340px; + padding: 0px; + margin-bottom: 35px; + justify-content: space-between; + margin-right: 10px; + margin-left: 10px; + } + .productList li a { + margin-bottom: 13px; + } +} +/*smartphone settings */ + @media screen and (max-width: 740px) { + #allArticlesButton { + margin-bottom: 40px; + width: 280px; + margin-left: 0px; + } + #allProductsButton { + width: 280px; + } + .articleImage { + display: none; + } + .articlesList .article-preview .articleText { + width: 300px; + margin: auto; + } + .articleText h2 { + font-size: 1.8rem; + width: 300px; + } + .article-preview .button { + width: 280px; + margin-bottom: 10px; + margin-top: 10px; + } + .articlesList { + margin-top: 20px; + } + body { + width: 300px; + margin: 10px; + } + .featuredArticle a { + padding-top: 0px; + } + .featuredArticleSnippet { + display: block; + margin-bottom: 0px; + width: 300px; + } + .floatingTitle { + font-size: 1.4rem; + color: black; + margin: 0px; + width: 280px; + } + h2 { + font-size: 1.8rem; + } + .home-articles { + display: block; + } + .home-articles li img { + display: none; + } + .home-container { + width: 300px; + margin: auto; + display: block; + } + #home-left .featuredArticle { + background-image: none; + padding: 0px; + display: block; + height: auto; + margin-bottom: 0px; + } + #home-left h2 { + margin-left: 0px; + } + #home-right { + display: block; + margin: 0px; + padding: 0px; + width: auto; + } + #home-right h2 { + margin-left: 0px; + margin-bottom: 10px; + } + #home-right li { + justify-content: space-between; + width: auto; + } + #home-right ul { + padding: 0px; + } + #home-right ul li img { + width: 280px; + height: 174.4px; + } +} +#nav-main a { + font-size: 1.4rem; +} +#nav-main li { + height: 20px; + width: 71px; + text-align: center; + margin-right: 16px; + margin-left: 10px; +} +.product-container { + display: block; +} +.product-container .productDescription { + margin-top: 12.29px; + width: 300px; + margin-bottom: 60px; +} +.productDescription .button { + width: 280px; +} +.productImage { + margin-top: 15px; +} +.productImage img { + width: 280px; +} +.productList li { + margin-bottom: 15px; +} +.productList li img { + width: 280px; + height: 174.4px; +} +} +/* @media screen and (max-width: 760px) { +* .articles img { + display: none; +} +* body { + width: 300px; +} +.page-home .articles .featured { + height: auto; + background: none; + padding: 0px; +} +.page-home .articles .featured .faux-link { + width: auto; + font-weight: 400; + text-align: left; + margin-top: 0px; + display: block; +} +.page-home .articles .featured h3 { + color: black; +} +.page-home .articles .featured p { + +} +.page-product { + display: block; +} +.page-product img { + width: auto; +} +} */ \ No newline at end of file