Rebase dev sep oct3

.github/workflows/website.yml

@@ -65,6 +65,10 @@ jobs:
           VITE_ALGOLIA_APP_ID: ${{ secrets.ALGOLIA_APP_ID }}
           VITE_ALGOLIA_SEARCH_API_KEY: ${{ secrets.ALGOLIA_SEARCH_API_KEY }}
           VITE_CF_STREAM_URL: ${{ secrets.NEW_CF_STREAM_URL }}
+          VITE_ED_VIDEO_ID_1: ${{ secrets.NEW_VITE_ED_VIDEO_ID_1 }}
+          VITE_ED_VIDEO_ID_2: ${{ secrets.NEW_VITE_ED_VIDEO_ID_2 }}
+          VITE_ED_VIDEO_ID_3: ${{ secrets.NEW_VITE_ED_VIDEO_ID_3 }}
+          VITE_ED_VIDEO_ID_4: ${{ secrets.NEW_VITE_ED_VIDEO_ID_4 }}
 
       - name: Publish
         uses: cloudflare/pages-action@v1

.github/workflows/website_old.yml

@@ -0,0 +1,83 @@
+name: Build and Deploy Starknet Website
+
+on:
+  push:
+
+jobs:
+  build:
+    name: Build and Deploy
+    environment:
+      name: Starknet Website ${{ github.ref_name }}
+      url: https://${{ env.GITHUB_REF_SLUG_URL }}.starknet-website.pages.dev
+    runs-on: ubuntu-22.04
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v3
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+          cache: yarn
+
+      - name: Cache dependencies
+        uses: actions/cache@v3
+        with:
+          path: |
+            .yarn/cache
+            .yarn/install-state.gz
+            .eslintcache
+            **/tsconfig.tsbuildinfo
+            **/.types/**
+            **/.types-*/**
+          key: build-cache-${{ hashFiles('yarn.lock') }}
+          restore-keys: |
+            build-cache-
+
+      - name: Install dependencies
+        run: yarn
+
+      - name: Restore Crowdin Cache
+        uses: actions/cache/restore@v3
+        with:
+          path: _crowdin
+          key: crowdin-cache-dev
+
+      - name: Update dynamic data
+        run: yarn workspace @starknet-io/cms-scripts update-dynamic-data
+
+      - name: Inject slug/short variables
+        uses: rlespinasse/github-slug-action@v4
+        with:
+          slug-maxlength: 28
+
+      - name: Set VITE_SITE_URL
+        run: |
+          if [ "${{ env.GITHUB_REF_SLUG_URL }}" = "production" ]; then
+            echo "VITE_SITE_URL=https://www.starknet.io" >> $GITHUB_ENV
+          else
+            echo "VITE_SITE_URL=https://${{ env.GITHUB_REF_SLUG_URL }}.starknet-website.pages.dev" >> $GITHUB_ENV
+          fi
+
+      - name: Build project
+        run: yarn workspace @starknet-io/website build
+        env:
+          VITE_ALGOLIA_INDEX: ${{ github.ref_name == 'production' && 'production' || 'dev' }}
+          VITE_ALGOLIA_APP_ID: ${{ secrets.ALGOLIA_APP_ID }}
+          VITE_ALGOLIA_SEARCH_API_KEY: ${{ secrets.ALGOLIA_SEARCH_API_KEY }}
+          VITE_CF_STREAM_URL: ${{ secrets.CF_STREAM_URL }}
+          VITE_ED_VIDEO_ID_1: ${{ secrets.VITE_ED_VIDEO_ID_1 }}
+          VITE_ED_VIDEO_ID_2: ${{ secrets.VITE_ED_VIDEO_ID_2 }}
+          VITE_ED_VIDEO_ID_3: ${{ secrets.VITE_ED_VIDEO_ID_3 }}
+          VITE_ED_VIDEO_ID_4: ${{ secrets.VITE_ED_VIDEO_ID_4 }}
+
+      - name: Publish
+        uses: cloudflare/pages-action@v1
+        with:
+          apiToken: ${{ secrets.CLOUDFLARE_API_TOKEN }}
+          accountId: ${{ secrets.CLOUDFLARE_ACCOUNT_ID }}
+          projectName: starknet-website
+          directory: dist/client
+          workingDirectory: workspaces/website
+          wranglerVersion: '3'
+          gitHubToken: ${{ secrets.GITHUB_TOKEN }}
+          branch: ${{ github.ref_name == 'production' && 'main' || github.ref_name }}

_data/events/block-wine-132.yml

@@ -0,0 +1,15 @@
+type: meetup
+name: "Block & Wine #132"
+description: Block & Wine is back in action, and we're starting this season with
+  a bang, courtesy of our fantastic partner - Starknet!  We are incredibly
+  fortunate to welcome representatives from Starknet and StarkWare who will
+  share their in-depth knowledge.
+url: https://www.meetup.com/block-wine-community/events/296057361/?utm_medium=referral&utm_campaign=share-btn_savedevents_share_modal&utm_source=link
+start_date: 2023-09-28T15:30:20.217Z
+month: September 2023
+end_date: 2023-09-28T18:30:20.225Z
+show_in_past_events: false
+image: /assets/56x56-4.jpg
+location: europe
+city: "Vienna "
+country: Austria

_data/events/ethglobal-istanbul-1.yml

@@ -1,14 +1,8 @@
 type: hackathon
 name: ETHGlobal Istanbul
-description: "From November 17-19, we are welcoming builders from all around the
-  globe to shape the future of Ethereum with us at ETHGlobal Istanbul! We look
-  forward to reconnecting with around 1500 community members from both, the
-  vibrant local community of Ethereum enthusiasts and our international hackers,
-  travelling from afar. The city's unique location by being the world's
-  crossroad of the continents of Asia and Europe makes for the perfect, charming
-  and culturally rich backdrop for our weekend hackathon, right after Devconnect
-  2023. Get to win over $500,000 USD in prizes at the prestige ICC (Istanbul
-  Congress Center) and build something amazing in just 36 hours! "
+description: Join us in Istanbul. Get hype to build the future of web3 with
+  thousands of developers and creatives in one of the oldest cities in the
+  world.
 url: https://ethglobal.com/events/istanbul
 start_date: 2023-11-17T06:00:17.908Z
 month: November 2023

_data/events/starknet-london-meetup-8-ecosystem-updates-in-soho.yml

@@ -0,0 +1,19 @@
+type: meetup
+name: "Starknet London Meetup #8: Ecosystem Updates in Soho💂"
+description: "Join us at Argent's vibrant Soho HQ this Thursday for an evening
+  of refreshing beer, scrumptious nibbles, and an informative Starknet ecosystem
+  update led by Ollie Armitage.  We'll delve into the key achievements and
+  challenges from the past couple of months, including Quantum Leap, noteworthy
+  products and dapps that have piqued our interest, upcoming events and
+  milestones, and much more.  Oh, and don't forget to have your Starknet account
+  prepared and funded with a small £1-2 balance on Argent mobile for a little
+  surprise...   See you there! "
+url: https://www.meetup.com/starknet-london/events/296336129
+start_date: 2023-09-28T15:30:18.559Z
+month: September 2023
+end_date: 2023-09-28T18:00:18.567Z
+show_in_past_events: false
+image: /assets/600_511316115.jpeg
+location: europe
+city: London
+country: United Kingdom

_data/roadmap-posts/fee-market-for-transactions.yml

@@ -5,13 +5,12 @@ version: 9ed3a1c1-4dee-4f80-837f-341291f1f3d9
 stage: building-now
 blocks:
   - type: markdown
-    body: In the roadmap for Starknet in 2023, one of the key areas of development
-      is the introduction of a fee market to improve user experience during
-      network congestion. Currently, when congestion occurs, waiting times for
+    body: >-
+      In the roadmap for Starknet, one of the key areas of development is the
+      introduction of a fee market to improve user experience during network
+      congestion. Currently, when congestion occurs, waiting times for
       transactions increase for everyone. To address this issue, Starknet plans
-      to introduce a fee market in version 0.14.0. This fee market will allow
-      for an efficient allocation of Starknet's limited resources based on
-      users' willingness to pay for a transaction, rather than simply following
-      the order of transactions in line. By implementing a fee market, Starknet
-      aims to provide a more predictable and seamless experience for users, even
-      during periods of high network activity.
+      to introduce a fee market in version 0.14.0. 
+
+
+      This fee market will allow for an efficient allocation of Starknet's limited resources based on users' willingness to pay for a transaction, rather than simply following the order of transactions in line. By implementing a fee market, Starknet aims to provide a more predictable and seamless experience for users, even during periods of high network activity.

_data/roadmap-posts/network-stability-improvements.yml

@@ -0,0 +1,15 @@
+id: 4ee02950-7759-4271-8b13-9b4b0b36e69c
+title: Network stability improvements
+availability: Q4 2023
+stage: building-now
+blocks:
+  - type: markdown
+    body: >-
+      Starknet is improving the overall network stability with a series of
+      enhancements of our infrastructure. 
+
+
+      We are making progress in improving the synchronization of components and eliminating bottlenecks we found, ensuring their efficient operation.
+
+
+      We’re also investing in more rigorous stress-testing scenarios, to ensure our system can handle unexpected surges.

_data/roadmap-posts/reduction-in-transaction-costs-via-volition-mode.yml

@@ -1,17 +1,33 @@
 id: 2ec2ec7e-abd4-4916-8b57-b31f2c753402
 title: "A reduction in transaction costs via Volition mode "
-availability: Q1 2024
+availability: Q2 2024
 version: 00b0fa3e-684d-4520-ba40-45c5f43cc7eb
-stage: building-now
+stage: building-next
 blocks:
   - type: markdown
     body: >-
-      As part of its roadmap for 2023, Starknet aims to significantly reduce
-      transaction costs by introducing Volition mode. Currently, L1 (Ethereum)
-      data cost accounts for the majority (95%) of transaction costs on
-      Starknet. To address this, Volition mode will enable developers to build
-      applications with a hybrid Data Availability (DA) approach, incorporating
-      both on-chain and off-chain data.
+      As part of its roadmap, Starknet aims to significantly reduce transaction
+      costs by introducing Volition mode. Currently, L1 (Ethereum) data cost
+      accounts for the majority (95%) of transaction costs on Starknet. To
+      address this, Volition mode will enable developers to build applications
+      with a hybrid Data Availability (DA) approach, incorporating both on-chain
+      and off-chain data.
 
 
-      By leveraging Volition mode, Starknet anticipates a dramatic reduction in the cost of data. This reduction is expected to be achieved through two key factors: the implementation of Ethereum's EIP-4844 (Shard Blob Transaction) and the introduction of Volition itself. The specifics of Volition's design and developer interfaces will be shared soon, providing further details on how it will contribute to lowering transaction costs.
+      By leveraging Volition mode, Starknet anticipates a dramatic reduction in the cost of data. 
+
+
+
+
+      **This reduction is expected to be achieved through two key factors:** 
+
+
+      * The implementation of Ethereum's EIP-4844 (Shard Blob Transaction)
+
+      * The introduction of Volition itself. 
+
+
+      Volition will be officially released only once EIP-4844 has been deployed to the Ethereum mainnet.
+
+
+      The specifics of Volition's design and developer interfaces will be shared soon, providing further details on how it will contribute to lowering transaction costs.

_data/roadmap-versions/v0-12.yml

@@ -0,0 +1,4 @@
+id: 7ebb2648-9bd5-462d-97e3-e6381d7b8d61
+version: v0.12
+impact: Improved network stability
+color: stark_math

workspaces/website/src/components/VideoPlayer/constants.ts

@@ -12,31 +12,31 @@ export const playlist: Chapter[] = [
     title: "How Starknet scales Ethereum",
     description: "Chapter 1 explains how Starknet works at a high level",
     thumbnail: "/assets/video/chapter1.png",
-    videoId: "2805da1fb7f9cd49888f680c26e386fd",
+    videoId: import.meta.env.VITE_ED_VIDEO_ID_1,
     durationTime: "02:42",
   },
   {
     id: "sequencer",
     title: "The Starknet Sequencer",
     description: "Chapter 2 explains about the Starknet Sequencer",
     thumbnail: "/assets/video/chapter2.png",
-    videoId: "47d80010706a05bc4e4dae6cdd43b8be",
+    videoId: import.meta.env.VITE_ED_VIDEO_ID_2,
     durationTime: "02:24",
   },
   {
     id: "prover",
     title: "The Starknet Prover",
     description: "Chapter 3 explains how the Starknet Prover works",
     thumbnail: "/assets/video/chapter3.png",
-    videoId: "a23465bbd7c3b27489a29abf4373a55d",
+    videoId: import.meta.env.VITE_ED_VIDEO_ID_3,
     durationTime: "02:26",
   },
   {
     id: "eth-settlement",
     title: "Secure settlement on Ethereum",
     description: "Chapter 4 explains how to secure settlement on Ethereum",
     thumbnail: "/assets/video/chapter4.png",
-    videoId: "69ba2bd9bdd2ba2970c0fbe3b75c3ec0",
+    videoId: import.meta.env.VITE_ED_VIDEO_ID_4,
     durationTime: "03:28",
   },
 ];