work

blog/2023-12-15-among-us/index.md

@@ -0,0 +1,60 @@
+---
+title: Free Among Us DLC is out now!! 🚨
+image: ./header.jpg
+authors: [pine]
+tags: [update, dlc]
+---
+
+Attention Crewmates!
+
+We’ve received an emergency call from The Mini Skeld! They seem to be running into some issues with the ship. Could there possibly be an Impostor amongst the crew? Time to board the ship and help the crew escape in this new **official Among Us**-inspired room, available now for everyone! 
+
+<iframe width="100%" height="500" src="https://www.youtube.com/embed/ryIPx9awOzg" title="Escape Simulator: Among Us DLC OUT NOW!" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+
+You and your Crewmates have to work together, solve puzzles and make your way out. However, now that you’re stuck in space, the stakes may be even higher! Or, maybe you and your friends are all just hard-working, puzzle-solving, qualified space adventurers and you have absolutely nothing to worry about. 
+
+⬇️[Get Among Us DLC FREE to your library](https://store.steampowered.com/app/2644870/Escape_Simulator_Among_Us_DLC/).
+
+##  Lightning fast escape 
+
+Taking care of a spaceship is never easy. Especially when you have a lot of things to worry about such as the O2 running out, reactors in meltdown or the worst of all, no internet connection. For the Crewmates that want a real challenge, if you’re able to escape from the ship within an hour, you’ll win a special trophy! 
+
+![video](./video.gif)
+
+##  Non-suspicious Steam Sale 💸
+
+To celebrate this Among Us DLC release, both the base game and soundtrack of Escape Simulator are on sale with a **25% discount**. If you want more Escape Simulator after playing this free one, you can get the Steampunk & Wild West DLC with 10% off and try our other free branded Portal Escape Room.
+
+##  No escape from the festive season🎄 
+
+December means festivities and holidays! The Among Us DLC is already a lot to celebrate, but we’re not stopping here! We’re counting down to Christmas on Twitter and revealing something every day, so be sure to follow us and keep an eye out. 👀
+
+![sale](./sale.jpg)
+
+
+##  Join our dedicated community 
+
+That's it for today's announcement! You can come talk to us and other community members on our official Discord server or on our subreddit. We hope to see you there!
+
+## Full changelog
+
+<details open><summary><h4>New Content</h4></summary> 
+
+- New DLC: Play Among Us DLC for free!
+
+</details>
+
+# Among Us Hotfix #1
+
+<details><summary><h4>Various Fixes</h4></summary>
+
+- Enabled tokens in the Among Us DLC. Good luck hunting!
+- Simplified the circuit puzzle
+- Changed the wording of the Specimen puzzle hint
+- Fixed turnables in some community rooms
+- Fixed minor alien hat issue
+- Fixed some other minor issues
+
+</details>
+
+### <3 Pine Studio

docs/intro/intro.md

@@ -14,7 +14,7 @@ This site is for update news, documentation, how-to and FAQ for [Escape Simulato
 
 Pine Studio made 28 rooms for you to escape with variety of themes.
 From Space to Victorian era, you will find your cup of tea.
-<div className="article-card">
+<div className="article-card article-card-big">
     <a href="https://store.steampowered.com/app/1435790/Escape_Simulator&utm_campaign=ESDocs">
         <img src={require('./img/ES_compilation_screen.png').default}/>
     </a>
@@ -23,32 +23,43 @@ From Space to Victorian era, you will find your cup of tea.
 ### 2 Full Fledged DLCs
 
 Explore additional 8 rooms set on a steampunk airship and in the wild wild west.
-<div className="article-card" style={{float:'left'}}>
+<div className="article-card article-card-big" style={{float:'left'}}>
     <a href="https://store.steampowered.com/app/1942100/Escape_Simulator_Steampunk_DLC&utm_campaign=ESDocs">
         <img src={require('./img/bannerDlc1.png').default}/>
     </a>
 </div>
 
-<div className="article-card" style={{float:'left'}}>
+<div className="article-card article-card-big" style={{float:'left'}}>
     <a href="https://store.steampowered.com/app/2175260/Escape_Simulator_Wild_West_DLC&utm_campaign=ESDocs">
         <img src={require('./img/bannerDlc2.png').default}/>
     </a>
 </div>
+
+<div className="article-card article-card-big" style={{float:'left'}}>
+    <a href="https://store.steampowered.com/app/2419810/Escape_Simulator_Magic_DLC/&utm_campaign=ESDocs">
+        <img src={require('./img/bannerDlc2.png').default}/>
+    </a>
+</div>
 <div style={{clear:'left'}}/>
 
 ### Portal DLC
 Explore the detailed environment of the mysterious subdivision of Aperture Science Laboratories!
-<div className="article-card" style={{float:'left'}}>
+<div className="article-card article-card-big" style={{float:'left'}}>
     <a href="https://store.steampowered.com/app/2000170/Escape_Simulator_Portal_Escape_Chamber&utm_campaign=ESDocs">
         <img src={require('./img/bannerPortal.png').default}/>
     </a>
 </div>
+<div className="article-card article-card-big" style={{float:'left'}}>
+    <a href="https://store.steampowered.com/app/2644870/Escape_Simulator_Among_Us_DLC/&utm_campaign=ESDocs">
+        <img src={require('./img/bannerPortal.png').default}/>
+    </a>
+</div>
 <div style={{clear:'left'}}/>
 
-### More than 3000 community rooms
+### More than 4000 community rooms
 
-Explore a vast universe of 3000+ community designed rooms
-<div className="article-card">
+Explore a vast universe of 4000+ community designed rooms
+<div className="article-card article-card-big">
     <a href="https://steamcommunity.com/app/1435790/workshop">
         <img src={require('./img/ES_Community-Made_rooms.png').default}/>
     </a>

docs/patch-history.md

@@ -7,6 +7,7 @@ Escape Simulator has a rich past in terms of updates including new rooms, new fe
 Here is a full list of major patches.
 
 <VerticalTimeline lineColor='var(--ifm-color-primary)'>
+    <PatchHistoryElement title='Among Us DLC' subtitle='DLC' blogUrl='/blog/2023/12/15/among-us' dateString='December 15, 2023'/>
     <PatchHistoryElement title='Portal DLC' subtitle='DLC' blogUrl='/blog/2023/09/07/portal' dateString='September 7, 2023'/>
     <PatchHistoryElement title='Versus Mode' subtitle='Alternative to coop' blogUrl='/blog/2023/08/01/versus-update' dateString='August 1, 2023'/>
     <PatchHistoryElement title='Treasure Island' subtitle='New Room' blogUrl='/blog/2023/06/22/treasure-island-update' dateString='June 22, 2023'/>

docs/room-editor/custom-assets.md

@@ -117,6 +117,36 @@ More help getting started with lua.
 
 A lantern that follows you via the magic of lua. Works in coop too.
 
-[Find the lantern here](https://steamcommunity.com/sharedfiles/filedetails/?id=3044396073&searchtext=lantern)
+[Find the lantern here](https://steamcommunity.com/sharedfiles/filedetails/?id=3044396073)
+
+</div>
+
+<div className="highlight-div">
+
+## LUA Magic Mirror ~ GG3L
+
+It's a script used to achieve a "magic mirror" effect.
+
+[Find the mirror here](https://steamcommunity.com/sharedfiles/filedetails/?id=3128579007)
+
+</div>
+
+<div className="highlight-div">
+
+## LUA Rotate ~ GG3L
+
+This is a script that adds the ability to rotate any object on one or more axis, with the posibility to control the duration and speed.
+
+[Find the script here](https://steamcommunity.com/sharedfiles/filedetails/?id=3090423373)
+
+</div>
+
+<div className="highlight-div">
+
+## LUA Slow Interact ~ GG3L
+
+This is a script that adds a new type of interaction animation. For example, it can be used as a visual representation of an animation’s duration.
+
+[Find the script here](https://steamcommunity.com/sharedfiles/filedetails/?id=3086652363)
 
 </div>

docs/stream-vods/build-a-room-5-winners.md

@@ -0,0 +1,5 @@
+# Build-a-Room #5 Awards Stream
+
+<iframe width="100%" height="500" src="https://www.youtube.com/embed/8I8rvDo3wEw" title="ES: Build-a-Room #5 - Dev Stream- Awards Ceremony" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
+
+December 22, 2023

docusaurus.config.js

@@ -70,7 +70,7 @@ const config = {
       // Replace with your project's social card
       image: 'img/docusaurus-social-card.jpg',
       navbar: {
-        title: 'Escape Simulator',
+        title: 'Escape Simulator (Beta)',
         logo: {
           alt: 'Escape Simulator Logo',
           src: 'img/ESIcon.png',
@@ -80,7 +80,7 @@ const config = {
             type: 'docSidebar',
             sidebarId: 'gameSidebar',
             position: 'left',
-            label: 'Game',
+            label: 'About the game',
           },
           {
             type: 'docSidebar',

sidebars.js

@@ -6,6 +6,7 @@ const gameSidebar = [
   {
     type: 'category', label: 'Stream VODs', items:
       [
+        'stream-vods/build-a-room-5-winners',
         'stream-vods/build-a-room-4-winners',
         'stream-vods/versus-update-q-a',
         'stream-vods/build-a-room-3',

src/components/HomepageFeatures/index.js

@@ -17,7 +17,19 @@ const HeroList = [
 ]
 function Hero({ image, title, url }) {
   return (
-    <div class="article-card article-card-hover">
+    <div class="article-card article-card-big article-card-hover">
+      <a href={url}>
+        <div class="content">
+          <p class="title">{title}</p>
+        </div>
+        <img src={image} />
+      </a>
+    </div>
+  );
+}
+function HeroSmall({ image, title, url }) {
+  return (
+    <div class="article-card article-card-small article-card-hover">
       <a href={url}>
         <div class="content">
           <p class="title">{title}</p>
@@ -55,14 +67,24 @@ export function HomepageHeros() {
   } else {
     const lastBlogPost = recentPosts.items[0]; // Define lastBlogPost here as well
     return (
-      <section className={styles.features}>
-        <div className="landingHeroCenter">
-          {HeroList.map((props, idx) => (
-            <Hero key={idx} {...props} />
-          ))}
-          <Hero image={imageUrl} title={"Blog: " + lastBlogPost.title} url={lastBlogPost.permalink} />
-        </div>
-      </section>
+      <>
+        <section className={styles.features}>
+          <div className="landingHeroCenter">
+            {HeroList.map((props, idx) => (
+              <Hero key={idx} {...props} />
+            ))}
+            <Hero image={imageUrl} title={"Blog: " + lastBlogPost.title} url={lastBlogPost.permalink} />
+          </div>
+        </section>
+        <section className={styles.features}>
+          <div className="landingHeroCenter">
+            <HeroSmall image={'./img/discord-logo-blue.png'} title={"Discord"} url={"https://discord.gg/pinestudio"} />
+            <HeroSmall image={'./img/discord-logo-blue.png'} title={"Press Kit"} url={"https://drive.google.com/drive/folders/167fHIItcneG9BWT_i_Z0R4-HrDct0iHq?usp=sharing"} />
+            <HeroSmall image={'./img/discord-logo-blue.png'} title={"Latest DLC (Magic)"} url={"https://store.steampowered.com/app/2419810/Escape_Simulator_Magic_DLC&utm_campaign=ESDocs"} />
+
+          </div>
+        </section>
+      </>
     );
   }
 }

src/css/custom.css

@@ -19,6 +19,7 @@
   --ifm-color-primary-lighter: #5a91ea;
   /*rgb(102, 212, 189);*/
   --ifm-color-primary-lightest: #80aaef;
+  --ifm-color-primary-banner: #962625;
   /*rgb(146, 224, 208);*/
   --ifm-code-font-size: 95%;
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
@@ -35,6 +36,8 @@
   --ifm-color-primary-darker: #512B81;
   /*rgb(31, 165, 136);*/
   --ifm-color-primary-darkest: #35155D;
+
+  --ifm-color-primary-banner: #962625;
   /*rgb(26, 136, 112);*/
 
 
@@ -45,6 +48,10 @@
   --highlight-box-border-color: rgba(255, 255, 255, 0.07);
 }
 
+.banner{
+  background-color: #962625;
+}
+
 .dateLabel {
   color: var(--ifm-color-primary)
 }
@@ -65,9 +72,17 @@
   margin: auto;
 }
 
-.article-card {
-  width: 350px;
+.article-card-big{
   height: 220px;
+  width: 350px;
+}
+
+.article-card-small{
+  height: 170px;
+  width: 300px;
+}
+
+.article-card {
   border-radius: 12px;
   margin: 20px;
   overflow: hidden;

src/pages/index.js

@@ -8,7 +8,7 @@ import styles from './index.module.css';
 
 function HomepageHeader() {
   return (
-    <header className={clsx('hero hero--primary', styles.heroBanner)}>
+    <header className={clsx('hero banner', styles.heroBanner)}>
       <div className="container">
         <img src='./img/logo.png' height={200} />
       </div>