Cibersecurity Summit 2025 Site Tailwind Version
Cibersecurity Summit 2025 site - Tailwind
Link
https://cibersecuritysummit-tw.netlify.app
Descripción
Prototipo web dedicado a un evento orientado a la seguridad informática y otras actividades. Se utiliza para probar características de Atomic CSS y Tailwind.
Autor: Omar Hevia Arbana
Fecha: In process ...
Cibersecurity Summit 2025 site - Tailwind
Description
Web prototype dedicated to an event focused on cybersecurity and other activities. It is used to test new features of Atomic CSS and Tailwind.
Author: Omar Hevia Arbana
Date: In process ...
Requirements
Node.js >= 18.x
Getting started
Clone this repository with git clone, or download a .zip file using the top right green button.
Using the Terminal, navigate to the project folder and run npm install.
Features
- Uses Parcel v2 module bundler.
- NPM scripts for fast development and production build (see Commands below).
Stylesheets
- Sass/SCSS to CSS compilation (
@parcel/transformer-sass). - Transpilation of modern CSS synthax to support older bvrowsers, based on
browserslist, including vendor prefixing and synthax lowering, with PostCSS (@parcel/transformer-postcss). - Minification and optimization of CSS files on production builds with
lightningcss(@parcel/optimizer-css).
HTML
- Minification and optimization of CSS files on production builds
htmlnano(@parcel/optimizer-htmlnano). - PostHTML (
@parcel/transformer-posthtml) features:- Include partial HTML files with
posthtml-include.
- Include partial HTML files with
Scripts
- Transpilation of modern JavaScript synthax to support older browsers, based on
browserslist, with with Babel (@parcel/transformer-babel). - Minification and optimization of JS code with SWC (
@parcel/optimizer-swc).
Images
- Image transformation with
sharp(@parcel/transformer-image).
Development
- Development server launch and live reloading on file changes.
- Friendly error reporting.
How to use this boilerplate
Content lives inside the src/ folder. If you do not want to change the configuration or are unsure about what you are doing, do not edit files outside the src/ folder.
Always run the following commands during the development stage and for production builds. Please note that it is expected that all projects built with this boilerplate are compiled using npm run build before they are published.
Commands
| Command | Description |
|---|---|
npm run dev |
Runs a local web server for development and opens the browser to display it. Automatically compiles styles and scripts whenever a file in src/ is changed, and live reloads the browser. This is what must be run on the development stage. |
npm run build |
Compiles and minifies and optimizes the files in the assets folder. The generated compiled and optimized files are located in the dist/ folder. This is what must be run before publishing the project. This is also the build command to be run by external deployment services such as Netlify. The publishable files are then located in the dist/ folder. |
npm run clean |
Deletes the current /dist folder and cache folders. |
npm run test |
Displays a success message if everything is working as expected. |
Are you using this Boilerplate for your projects or for educational purposes? I would love to hear about it!
