Rhidian

#1 2020-05-04 18:30 (edited 2021-04-30 09:00)

Star Wars theme

What better way to celebrate Star Wars day then with a Star Wars theme. This theme gives a parallax star background and a traditional star wars theatrical crawl on the site FAQ page.

The Git repo includes the sound files to accompany the intro (browser dependent). Please feel free to modify, pull requests welcome

Resources

Demo: Preview this theme

Git repo: https://github.com/naidihr/discourse-star-wars-theme

How do I install a Theme or Theme Component?

Rhidian

#2 2020-05-04 18:42 (edited 2020-05-04 18:42)

Please could we enable upload of sound files (mp3, ogg) to assets on the theme creator site?
@Johani @awesomerobot

david

#3 2020-05-04 18:46

done

Awesome theme component BTW! May the fourth be with you

Rhidian

#4 2020-05-04 19:19

Thank you @david

Rhidian

#5 2020-05-25 18:32

I’ve updated this theme to coincide with the anniversary of the release of Star Wars on 25 May 1977.

New jump to light speed and hyperspace effect (hold down left mouse button or long touch on screen)
Improved rendering of FAQ crawl on mobile devices
New lightsaber to conduct the orchestral opening
Admins renames on the About page
Iris wipe effect on privacy page (experimental)

Demo: Preview this theme

merefield

#6 2020-05-25 18:46

Top marks for doubling the days of the year you have the perfect excuse to use your great theme Very cool Rhidian!

Rhidian

#7 2020-11-03 11:31

Thanks for the T-shirt @HAWK

Cool

Heliosurge

#8 2020-11-07 21:58

Very sweet theme! Awesome

Rhidian

#9 2020-11-29 09:42 (edited 2020-12-01 21:18)

RIP Dave Prowse (Darth Vader). One of the greatest villains of all time.

nickirwin

#10 2020-12-02 07:39

This is lit Thanks for sharing!

Rhidian

#11 2021-05-04 21:06

Happy Star Wars day. One year on

Rhidian

#12 2021-05-05 07:50

This theme is now generating and error on the theme creator and the theatrical crawl isn’t displaying. The theme hasn’t been changed and it still works on the latest stable version of Discourse.

@david can you tell if this is this an issue with the theme creator demo site (and/or discourse version it is running on) or the theme?

merefield

#13 2021-05-05 07:53 (edited 2021-05-05 07:54)

Probably breaking on this:

github.com/naidihr/discourse-star-wars-theme

common/header.html

d8a170ddc


      
          
          
          
          api.onPageChange(() => {
              //reset
              $('div.starwars').html('').hide();
              stopJump();
              $("html").css("cursor","auto");
              
              //append star wars crawl to FAQ page
              selector = 'body.static-faq div[itemprop="mainContentOfPage"]';
              if ($(selector).length && !$('div.star-wars-intro').length){
                  
              var crawl='<div class="parallax">Test</div>';
              var intro = '<div class="star-wars-intro">A long time ago in a galaxy far, far away...</div>'; 
              
              var audio = '<audio autoplay>';
              audio += '<source src="' + settings.theme_uploads.Star_Wars_original_opening_crawl_1977_ogg + '" type="audio/ogg" />';
              audio += '<source src="' + settings.theme_uploads.Star_Wars_original_opening_crawl_1977_mp3 + '" type="audio/mpeg" />';
              audio += '</audio>';

Because of this: JavaScript "use strict"

Rhidian

#14 2021-05-05 08:02

Thanks @merefield. That’s fixed it .

When did the JavaScript “use strict” requirement come in?

merefield

#15 2021-05-05 08:05 (edited 2021-05-05 08:13)

Only a few weeks ago if that

manuel

#16 2021-05-05 08:14

That’s the topic explaining the changes:

Paul_Wolfson

#17 2021-05-05 13:37

Wow! Quite an interesting theme! May The Fourth be with all of you too!

png

#18 2021-05-05 14:10

Amazing theme! The only issue I have with it though is that the text scrolls quite rapidly, if you could slow it down a bit, that would be great.

C

codinghorror

#19 2021-05-10 05:34

Thanks for fixing it! Strictness is a new rule that benefits everyone in the long run

f1r4s

#20 2022-02-19 10:44

@Rhidian , is there a way to add custom word or logo beside the star war effect in about page. or in tos page ?

png

#21 2022-07-30 23:04

Can I use this for a Spaceballs forum?

Rhidian

#22 2022-07-31 01:55

Yes for sure. Let us know how you get on

Jagster

#23 2022-07-31 07:24

Too bad it doesn’t work on iPad

Rhidian

#24 2022-08-02 10:36

Thanks @Jagster . I’ve fixed that issue on the iPad.

spectre

#25 2022-11-16 23:55

Thanks for this tremendous work

But had this errors when I clicked install the theme;

An error occurred: Error creating upload asset: Star_Wars_original_opening_crawl_1977_mp3. Original filename Sorry, the file you are trying to upload is not authorized (authorized extensions: wasm, jpg, jpeg, png, woff, woff2, svg, eot, ttf, otf, gif, webp, js).

Anything I should be worried about??

merefield

#26 2022-11-17 00:12 (edited 2022-11-17 00:13)

Looks like you may need to add mp3 to your setting:

Or you will miss the music … very worrying indeed!

spectre

#27 2022-11-17 00:23

I see

But how am I going to do that?? I mean where do I get it and where do I add it?? Don’t mind me for asking dumb questions

Discourse is new to me but from first sight fell in love with it

I have other demanding websites and I am the king of my domain there but with Discourse, I’m a noob and have no experience yet but learning rapidly

merefield

#28 2022-11-17 08:51

Site Settings are under Settings → Settings (funnily enough! )

There’s even a search box to get you to the right one quickly:

spectre

#29 2022-11-17 23:00 (edited 2022-11-18 04:08)

Thanks dude for the explanation! Appreciated

I didn’t have mp3, ogg and json extensions installed and had to install them manually to get the theme running but still missing the greenLightsaber not displaying and in theme selection I have other themes present but don’t have star wars theme in the list…! Why I wonder??

Thanks again