About the AU

This page is a stub, and contains spoilers!
Show all spoilers / Hide all spoilers

Life is Weird
2023 2021 2018 2017 OG Logo
Basic Information
Created:	~Summer 2017 15 September 2017[1]
Original Sources:	Be More Chill Musical, Iconis/Tracz Two River, original (2015) Exit 82, revival (2017) Off-Broadway (2018) Broadway (2019) Brook Arts Players (2023) Book, Ned Vizzini (2004) Life is Strange series Life is Strange 1 (2015) LIS: Before the Storm (2017) Post-1 comics (2018-2022) LIS: True Colours (2021) Post-TC comics? (2023-)
Discord Server:	Click here to join!
Outgoing Info
Posting Locations:	LIW1 Masterlists Tumblr (original) Instagram Pillowfort (wip) Other Locations AO3 Psued (only written works) Neocities (you are here) I do not post anywhere else. (Up to date as of: January 2024)
Tumblr:	Askblog OOC sideblog Michael's blog Jeremy's blog
Pillowfort:	Crosspost planned for @LIFEISWEIRD
Instagram:	Crossposted on @fentonworkz
Extras:	xyz
Miscellaneous
Title:	The guys?
Title:	WIPWIPWIP Dropdown Item (comment) Item (comment) Item (comment) Item (comment)
Title:	lorem ipsum dolor sit amet consectetuer adipiscing elit

Life is Weird is a Life is Strange-based alternate universe for the musical Be More Chill. The AU takes it's main inspiration from Life is Strange 1, the LIS1 follow-up comic series, the LIS1 prequel Before the Storm, and the third installment, Life is Strange: True Colours. Life is Weird was initially conceptualised in the summer of 2017, and the first story post on the askblog was made on 15 September 2017^[1]. Since then, ideas have shifted or changed as more BMC and LIS content has been released, and as our ideas have multiplied and snowballed. The many stories we have to tell in this universe continue to get deeper with each passing day, and I am determined to share them with others.

The opening story of the askblog, Redshift, follows Michael Mell as the protagonist. Michael discovers time-related superpowers upon witnessing his estranged best friend's death, and falls head-first into the mysteries of his hometown after being away for five years.

Stories

Main articles: Timelines

The title "Life is Weird" acts as both a single story name and the overarching series title, as "Life is Strange" does. Here, it refers to the first askblog installment, Michael's story.

As of January 2024, there are five major story installments, and two sidestories planned. There may be other sidestories or installments with time.

Subheader 2

This is an example of spoiler tagged text. You can adjust the colors of these (and everything else in the template) by going into the CSS file and changing the color variables at the top of the file.

This code has two mobile responsiveness breakpoints: one at 1000px and one at 576px. The sidebar goes on top on small screens. On desktop, you can test this by resizing the window.

The table of contents is open by default. You can make it closed by default by removing the word open from the tag.

This is a static template, so you'll have to set up the table of contents on each page manually. Add an id="headername" to each header in your code, then add a corresponding link with href="#headername" to the table of contents. IDs cannot contain spaces or begin with a number.

There's no elegant way to make sub-ordered-lists appear like 1.1, 1.2, etc. in HTMLCSS. On MediaWiki sites, they just auto generate the numbers right onto the page, which is messy and not ideal for a static site. You'll have to make do with a/b/c, sorry.

Subheader 3

Most things in this code (the notice boxes, floating images, infoboxes, etc.) can be dropped into your page wherever you want with minimal issues. Just copy and paste.

There are some utility classes in the CSS:

• Adding .text-center to anything centers the text
• Adding .text-big to anything makes the text big
• Adding .redlink to <a> makes it red (see above)
• See below for effect of .clear-both

Subheader 4

Make sure any <h2> elements directly under a section with a right-floating image have the class "clear-both" applied. This makes it "clear" any floating elements and appear below them, to avoid display weirdness on large screens.

Trivia

Work in progress!

• The least-changed design of the blog is 2017-era Jeremy Heere! His punkish attire has stayed consistent over the years with very few edits.
• For lack of named characters in the early days of the musical, many background characters' names come from the Be More Chill novel!
• Life is Weird has a Life is Strange equivalent, which is an in-universe musical called "Be Less Strange". Michael's pink shirt is both a callback to the AU source and a reference to this musical.
• This is a bulletpoint of trivia!
• This is a bulletpoint of trivia!
• This is a bulletpoint of trivia!

References

Lorem ipsum dolor sit amet consectetuer adipiscing elit.

• ↑ ^[1] The very first post on the askblog was the opening comic for Michael's story (Redshift).
• ↑ ^[2] Brooke makes this claim in this answered ask.
• ↑ ^[3] Adding .redlink to <a> makes it red (see above)
• ↑ ^[4] See below for effect of .clear-both