https://github.com/matrix669/effatha-website
https://github.com/matrix669/effatha-website
gulp html javascript sass scss
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/matrix669/effatha-website
- Owner: Matrix669
- Created: 2024-02-06T09:16:44.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2024-08-07T18:44:02.000Z (almost 2 years ago)
- Last Synced: 2025-10-04T18:35:24.882Z (8 months ago)
- Topics: gulp, html, javascript, sass, scss
- Language: Kit
- Homepage: https://matrix669.github.io/Effatha-website/
- Size: 26.3 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Launch
Installing packages:
`npm i / npm install`
Running the site:
`gulp`
# Demo
[Effatha-website](https://matrix669.github.io/Effatha-website/)
## Progress
### Description
A website for the Effatha community in Gliwice. For now, it is under construction, so some things are still missing. Later, it will be converted into a Wordpress template using PHP functions.
### I have learned:
- How to properly add wrappers. This means that if a section has a background assigned, it doesn't interfere with the wrapper. It spans the full width, and then - there's the content.
- How to add cosmetic elements in the background: gradient.
- To manage Gulp (Kit) even better.
- To create reusable components in SCSS, like the nav or footer.
- How to properly break down the SCSS file into components.
- How to use Git:
- git add/commit
- git push -u origin master
- How to add a repository via SSH.
### Problem:
- Importing local fonts - sorted out ✔
- There were issues with positioning these cosmetic divs (gradients). It required some work to correctly place them, and set their width and height.
### Todo:
| | - Secure text for your own theme from WordPress.
| | - Transform the entire structure of the website into your own WordPress theme.
| | - Create animations when the page loads
### Screenshots
