frontend.tech mail.ru

frontend.tech-mail.ru

Source of frontend.tech-mail.ru site

Technopark, autumn, 2024

Teams

• npm run deploy builds the project into the .deploy.git directory and uploads the result to the GitHub repository frontend-park-mail-ru.github.io

  • The commit comment can be specified in quotes as an argument to the command: npm run deploy -- "Add awesome slides" (doesn't work yet)

• npm run build builds the project into the dist directory and exits

• npm run show builds the project into the dist directory and starts a static server from this directory to view the result. Monitoring of file changes and automatic rebuilding and reloading of the site are also activated.

• npm run add-slides creates a template for a new presentation in the source/slides folder

To develop lecture slides

You can install npm i -g reload , go to cd source/ and run reload -bv -p 8081 . In the browser window that opens, go to the page http://localhost:8081/slides/s1/

Project structure

• .deploy.git is used to deploy the site to the frontend-park-mail-ru.github.io repository
• dist contains the site assembly
• tasks contains grunt tasks
• source contains the site sources
  • source/lib contains the libraries used
    • source/lib/shower/themes/technopark/styles contains files with Shower theme styles. The directory contains files with styles for different screen aspect ratios. When the page loads, the SAR is calculated and the necessary file with styles is selected so that the presentation looks as impressive as possible on screens with any formats
  • source/pages contains templates for pages
  • source/slides contains presentations for lectures
  • source/examples contains all example files