We decided to build a web-interface design for ZNC IRC Bouncer and release it to the general public, as the default one is somewhat plain and non-responsive. — Our approach was to build zncstrap as a lite-and-simple interface. The minimalist design concept and approach is what we emphasis on with improved visually pleasing ecstatic which is not overboard or over-exaggerated.
It is hard not to spot a person without a smartphone or tablet on the street these days. Hence, taking that the amount of Humans using these devices as their everyday driver, we decided to focus on Responsive Web Design, so we decided to go with Twitter Bootstrap.
Twitter Bootstrap is being actively maintained and a well-documented front-end web framework with support for grid system, responsive and fluid functions. Thousands of web designers and applications (including NASA) use Twitter Bootstrap for the most. — This also means, that users will be able to modify/customize the theme and layout to their hearts content.
Responsive Iconography; We utilize FontAwesome by Dave Gandy and Glyphicons Halflings by Jan Kovarik. — As for the addons skins, we have a wide selection of the coolest and widely-used Twitter Bootstrap skins, Bootswatch by Thomas Park and Themestrap by Divshot.
Our main goal is to have users sign-in to their ZNC web-interface and have a good visually experience and to have the ability to access through their fancy 'smart' devices.
Step 1 — Get a latest version of zncstrap. The Stable version is for ZNC v1.4 and below, while the Dev/Development version is mainly for ZNC v1.5 and above (unstable-version).
Step 2 — Fire up your File Transfer Protocol (FTP/sFTP) client and point to
/home/username/znc/share/znc. If you have installed ZNC through a software package manager such as: Advanced Packaging Tool (Apt) or Yellowdog Updater, Modified (yum). You will need to navigate to
/usr/share/znc as the webskins static files resides there. — If all else fails, try using the 'whereis' tool on Linux. You can do so by executing the following command in your terminal / console:
Step 3 — Now, you will need to remove both
~/modules directory completely. Then upload the the two folders from the zncstrap .zip folder. The two folders being: webskins and modules folders. — We do not recommend you 'overwriting' these files, as some files are no longer required and might cause conflicts, which you would rather dodge.
E.g: ~/zncstrap/webskins <-> /home/username/znc/share/znc/webskins
E.g: ~/zncstrap/modules <-> /home/username/znc/share/znc/modules
Once the files are successfully transfered, you're good to go! — Log in to your ZNC Web Admin
http://domain.ltd:port via any of your preferred web browsers.