PHPackages juanjimeneztj/gsweb - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. juanjimeneztj/gsweb ActiveLibrary[Utility & Helpers](/categories/utility) juanjimeneztj/gsweb =================== Personalized Styles for SIP 2.1.8(5y ago)137MITSCSS Since Jan 12Pushed 4y ago1 watchersCompare [ Source](https://github.com/juanjimeneztj/gsweb)[ Packagist](https://packagist.org/packages/juanjimeneztj/gsweb)[ RSS](/packages/juanjimeneztj-gsweb/feed)WikiDiscussions master Synced today READMEChangelogDependenciesVersions (19)Used By (0) Welcome to SIP/NJ Library! ========================== [](#welcome-to-sipnj-library) Hi!, I'm **Juan Jimenez** and in collaboration with my friend **Noe Gomez** we have developed this library to support the **FinMC/SIP company**. Together our areas have gathered styles and sections of code as well as custom functions for the compilation of this library. One of our priorities is to automate the layout and development of landing pages, funnels among other pages in an automated way so that everyone in our area gets involved in their development and it is easier for them to edit and build them. Use --- [](#use) To incorporate our library via composer, you need to execute the following command in the project folder ``` composer require juanjimeneztj/gsweb ``` This command will download the files necessary for the use of the library in general, this library includes compilations of both Bootstrap and Fontawesome so that it is not necessary to incorporate them remotely, although you always have the possibility of doing so if you wish. To include the library in the project you are developing, you only have to add the following files to your project: - bootstrap.min.css - gsweb.css - fontawesome.all.css - gsweb.js Here is an example: **CSS:** ``` ``` **JS:** ``` ``` **It is very important to include the Jquery library, since the project is based on it, otherwise certain options / functions will stop working.** Here is one of the libraries that we use but it may be the one of your preference, the only requirement is that it be higher than version. ``` ``` Custom functions ---------------- [](#custom-functions) ### ---- SMS Form ---- [](#-----sms-form-----) This code and its functions, what they are responsible for is to enable or disable the form button if the specified checkbox has not been checked. This is an example of a form with this function included: ``` I agree to receive automated calls, text messages, and prerecorded messages about Company_name events, content and promotions to the phone number I provide and understand consent is not a condition of any purchase. Submit ``` It is similar to the structure of a **bootstrap** form but with some additional classes that will help us so that this function can validate these values. The only condition is to use the same level of the structure because if it changes the function may not work correctly. #### Use [](#use-1) Once we have the structure of the form, we will add the custom class **"sms-check-label"** to our label. ``` I agree to receive automated calls, text messages, and prerecorded messages about Company_name events, content and promotions to the phone number I provide and understand consent is not a condition of any purchase. Submit ``` Once this is done, we proceed to add the class **"sms-check-checkbox"** to the input inside our **label**: ``` I agree to receive automated calls, text messages, and prerecorded messages about Company_name events, content and promotions to the phone number I provide and understand consent is not a condition of any purchase. Submit ``` Finally is to add one more class to our **button** as well as an attribute: We add the class **"sms-disabled"** to the button of the form and also the attribute **"disabled",** being as follows: ``` I agree to receive automated calls, text messages, and prerecorded messages about Company_name events, content and promotions to the phone number I provide and understand consent is not a condition of any purchase. Submit ``` #### Important!!! [](#important) This last modification to the button is only if the checkbox is not checked, if you leave the checkbox checked by default, you should skip this last step ### Health Score 27 — LowBetter than 49% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity9 Limited adoption so far Community7 Small or concentrated contributor base Maturity61 Established project with proven stability Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~0 days Total 16 Last Release 1939d ago Major Versions 1.0.2 → v2.0.02021-01-12 ### Community Maintainers ![](https://www.gravatar.com/avatar/2a87a182f5ee004f1bb64ae09db42f8cc2c36574c0c129105e3b8ec4a7bf6b0d?d=identicon)[juanjimeneztj](/maintainers/juanjimeneztj) --- Top Contributors [![nowy10](https://avatars.githubusercontent.com/u/4080874?v=4)](https://github.com/nowy10 "nowy10 (1 commits)") ### Embed Badge ![Health badge](/badges/juanjimeneztj-gsweb/health.svg) ``` [![Health](https://phpackages.com/badges/juanjimeneztj-gsweb/health.svg)](https://phpackages.com/packages/juanjimeneztj-gsweb) ``` ### Alternatives [shipmonk/name-collision-detector Simple tool to find ambiguous classes or any other name duplicates within your project. 362.1M34](/packages/shipmonk-name-collision-detector)[bostondv/bootstrap-ninja-forms Adds Bootstrap classes to Ninja Forms 222.2k](/packages/bostondv-bootstrap-ninja-forms) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)