-
Recently Browsing 0 members
No registered users viewing this page.
-
Similar Content
-
By Majesrse
Hey i have a problem with the code:
$('a').click(function(link) { link.preventDefault(); location = this.href; $('body').fadeOut('slow', open); }); function more() { window.location = location; } It's writen in Jquery but i will convert it to vanilla js. Can somone help me with it?
-
By Mithlesh
Hi there,
My form is not getting submitted, it is showing:
Unable to verify successful email delivery of this form submission.
Attaching for your reference as well:
In the Backend, it is showing Connection timed out with smtp.gmail.com
Pl guide me how to resolve that
-
By louisstephens
I was really unsure of how to actually title this post, so I do apologize (if someone has a better idea, I will gladly edit it). I am using the profields: pagetable field to allow people to create their own "content" (copy, image, button, etc etc) and rearrange it. I also included a field called "column_size" using the RangeSlider set to (1-12).
I guess I'll clarify a bit more on this. I am using flexbox where the "row" is <section></section> and the columns are <div class="column"></div> have given the "columns" flex: 1 1 0; so no matter how many columns you have, the columns will automatically adjust for new content. Where my confusion is coming in: If a user has set up 3 copy items (with 12, 5, 7 respectfully for the column_size), how do I actually output this in my template? I was going to use a switch statement to handle the various items which I thought made it quite easy, but with closing sections and columns I have confused myself as I assume I need an if statement to check if the column size is > 12, or = 12 to determine the actual closing/opening of sections. I apologize if I have not made this very clear. I am a bit unsure how to word this let alone to go about this.
Im very appreciative of for any insight into this.
-
By rafaoski
This profile can be used as a simple business card or blog.
The profile does not use any framework css structure, only styles based on CSS GRID and FLEX.
To minimize page loading, I added lazy load for images ( Tupola Lazy Load ).
With include functions like:
MarkupRegions
FunctionsAPI
CAN DOWNLOAD FROM THIS LINK:
https://github.com/rafaoski/site-grayscale-pw
https://github.com/rafaoski/site-min-grayscale-pw
Screenshot:
-
By rafaoski
This profile can be used as a business card or very simple blog.
Requires the latest version processwire 3.0.101 !!!
Milligram Site Profile For Processwire 3x with include functions like:
MarkupRegions
FunctionsAPI
wireIncludeFile | wireRenderFile
Essentially, this structure uses minimalist CSS framework Milligram and the Flexbox Grid System Gridlex
Live Example
CAN DOWNLOAD FROM THIS LINK ( Basic Version and simple Blog Version )
https://github.com/rafaoski/site-milligram
https://github.com/rafaoski/site-milligram-blog
Screenshot:
If you want to use Laravel Mix you must first ensure that Node.js and NPM are installed on your machine.
Basic example to Debian and Ubuntu based Linux distributions:
Node.js
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash - sudo apt-get install -y nodejs
See more installation options LINK
npm is installed with Node.js just check in linux terminal like below:
node -v
npm -v
Set BrowserSync inside folder /templates/webpack.mix.js and change your dev url
proxy: 'http://localhost/mix/', to your installation processwire folder like:
proxy: 'http://localhost/your-processwire-installation-folder/',
Next install npm packages in your templates folder with command npm install
Now, boot up the dev server npm run watch, and you're all set go!
On completion, use the command npm run production to build styles and scripts in the dist folder
Simple Usage ( Basic Command )
Run npm install Watch npm run watch Build npm run production All files to Webpack build steps is inside file ( webpack.mix.js )
Folder With all SCSS files is inside templates/src/scss
All build styles and scripts is inside the ( dist ) folder
References:
Milligram
Gridlex
Laravel Mix
Feather Icons
Web Font Loader
Verlok Lazy Load
Cookie Consent
Particles.js
-
