https://github.com/sauloroman/podcastfm-landingpage
Responsive website about a platform where you can publish your podcasts.
https://github.com/sauloroman/podcastfm-landingpage
autoprefixer css3 cssnano gulp gulp-avif gulp-imagemin gulp-postcss gulp-sass gulp-webp html5 mixins sass
Last synced: about 2 months ago
JSON representation
Responsive website about a platform where you can publish your podcasts.
- Host: GitHub
- URL: https://github.com/sauloroman/podcastfm-landingpage
- Owner: sauloroman
- Created: 2022-10-15T17:39:17.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2022-12-01T19:20:58.000Z (over 2 years ago)
- Last Synced: 2025-01-30T08:43:12.350Z (4 months ago)
- Topics: autoprefixer, css3, cssnano, gulp, gulp-avif, gulp-imagemin, gulp-postcss, gulp-sass, gulp-webp, html5, mixins, sass
- Language: SCSS
- Homepage: https://podcastfmsrsn.netlify.app/
- Size: 4.67 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
PodcastFM — Landing Page 🎙
The current project is called "Podcast FM". This project is a landing page to promote a platform where you can distribute your podcasts. It has seven sections and it's completely responsive since it follows the mobile first principle. Different CSS methodologies were followed and semantic content is strongly stablished.
If you want to check it out, please enter in:
```
https://podcastfmsrsn.netlify.app/
```
Technologies
Different techonologies were used to developed this web page. However, the most important ones are:
- HTML5
- CSS3
- SASS
- Gulp
Development Dependencies
- sass
- gulp-imagemin
- gulp-webp
- gulp-avif
- gulp-sourcemaps
- gulp-sass
- gulp-postcss
- autoprefixer
- cssnano
To install all of these dependencies, firstly execute:
```
npm install
```
Gulp were mainly used for image minimization, conversion image, compile scss code to css code, minization stylesheets css.
So, if you download this project to make any change and you want to apply those changes, it's a must to execute:
```
gulp compile
```
This is a gulp tasks to compile scss code to css code.
## UI Considerations
Colors:
* Primary: #84d9bc
* Secondary: #313c4e
* Black: #000000
* White: #ffffff
Breaking Points:
This projects uses "mobile first" principle to make resposibe all the content of it.
* Phone: 480px
* Tablet: 768px
* Phone: 1024px