A slick and solid website builder
JavaScript Shell CSS HTML
Permalink
Failed to load latest commit information.
css added flowtype for readability of text in html pages Aug 2, 2014
icons/256 icon for up in archive Aug 1, 2014
img import of all dependencies Aug 7, 2013
js added flowtype for readability of text in html pages Aug 2, 2014
themes
tmpl code refactoring, fixes to gallery May 24, 2014
COPYING.txt documentation updates May 21, 2014
ChangeLog.md fixed zuper inclusion, documentation updates for release Oct 12, 2015
README-es.md fixed zuper inclusion, documentation updates for release Oct 12, 2015
README.md support for .php files Jan 5, 2016
convert Several improvements Oct 12, 2015
fonts rendering enhancements and fixes to css inclusion Jun 7, 2015
gallery code refactoring, fixes to gallery May 24, 2014
index
init minor fixes for js files rendering Dec 12, 2015
lock new script to set apache compliant password protection Jan 13, 2016
preview Several improvements Oct 12, 2015
render update all existing file changes in views (no more --ignore-existing) Feb 8, 2016
test misc fixes to indexing Oct 19, 2014
theme Several improvements Oct 12, 2015
utils code refactoring, fixes to gallery May 24, 2014
zuper fixed zuper inclusion, documentation updates for release Oct 12, 2015
zuper.init fixed zuper inclusion, documentation updates for release Oct 12, 2015

README.md

 Dyne.org software foundry presents...
                __                                  __ 
.--.--.--.-----|  |--.-----.-----.--------.---.-.--|  |
|  |  |  |  -__|  _  |     |  _  |        |  _  |  _  |
|________|_____|_____|__|__|_____|__|__|__|___._|_____|
                  A slick and static website publisher

http://www.dyne.org/software/webnomad

-> Traducción al español

INTRODUCTION

WebNomad is a set of shell scripts to generate websites and image galleries fit for desktop as well mobile and tablet browsing. It can be operated on any device running ZShell, its themes are based on Bootstrap CSS, pages can be written in Markdown syntax interlaced into HTML, while it uses JQuery and BlueImp to make slideshows using all files found into a directory.

software by Dyne.org

USE INSTRUCTIONS

Webnomad is operated from the console terminal.

The following dependencies must be installed: zsh pandoc inotifywait

BASIC USAGE

First create a directory for your website, then place the webnomad directory inside it, i.e. the one downloaded from the source archive or git repo.

From a terminal, cd inside your new website's directory and run:

./webnomad/init 

the skeleton of your new webpage is created inside the directory:

views/ -> contains the pages you want to edit
tmpl/ -> contains templates like header, footer and navbar

Now go customise files in tmpl/ with your favorite HTML editor and then go as well in views/ to create your web pages, better start from index.html.

LIVE PREVIEW ON SAVE

To preview all changes, start ./webnomad/preview: this will launch a firefox browser on the locally rendered test/index.html and will refresh it every time a file is modified in views/ or tmpl/.

A different browser than firefox can be specified as an argument, for instance ./webnomad/preview chromium.

RENDER FINAL RESULT

To upload results, run ./webnomad/render and your webpage will be in the pub/ directory ready for upload with a recursive Scp or Rsync on any webserver, for instance rsync -PraX pub/* dyne.org:public_html.

USE MARKDOWN

To avoid the tedious task of using HTML tags for everything, even simple formatted text, webnomad supports interlacing markdown sections within an HTML page. This is simply done opening and closing the tags <markdown> ... </markdown> which can recur more than once in the same document.

This approach simplifies the use of markdown within a bootstrap styled page, where you can use the <div> classes of bootstrap as usual, directly in HTML, but then go on filling them up with our beloved simplified markup - cough cough - markdown.

IMAGE SLIDESHOW

To create an image slideshow simply create a page with file extension .gal or .gallery inside the views/ directory, for example one can call it views/vacation_in_Italy.gal

To add images into it one should create a -files directory inside views/ better if named after the gallery page, something like: views/vacation_in_Italy-files/

Proceed copying your images inside the -files directory, resized to the format you want them to appear in the slideshow. One can also use webnomad/convert an optional script that helps to do batch conversions.

Now fill in the filenames of your images inside the .gal file, one per line, relative to the views/ path. For instance our views/vacation_in_Italy.gal file can contain:

vacation_in_Italy-files/Fontana_di_Trevi.jpeg
vacation_in_Italy-files/Torre_di_Pisa.jpeg
vacation_in_Italy-files/Er_cupolone.jpeg
vacation_in_Italy-files/Spiaggia_con_bagnanti.jpeg
vacation_in_Italy-files/Io_e_te_sudati.jpeg

At last run webnomad/render and the slideshow will be ready at the page in pub/ which in our case is pub/vacation_in_Italy.

DIRECTORY INDEXES

Using webnomad One can also create static web pages indexing all files into any filesystem directories recursively, making thumbnail previews of images and linking to the originals. This feature is experimental.

In order to do so create a file in views with extension .idx or .index, then fill it in with the needed configurations, for instance a file my_pictures_folder.index can contain one line (# is a comment)

# path to be indexed    url subfolder    index type
/home/jaromil/pics      pics             short

This will produce a pics/index.html url which will list all files inside that directory with previews and further links to subfolders that are indexed the same way.

In some cases it can be useful to serve the actual downloads from a different place than WEB_ROOT, be it another server for assets or an apache alias. To configure this use FILES_ROOT in config.zsh.

DEVELOPERS

Bleeding edge is on GitHub. see https://github.com/dyne/webnomad

Pull requests and translations of this documentation are welcome.

Come on IRC channel #dyne via https://irc.dyne.org to get in touch.

DONATE

Money donations are very welcome and well needed

https://www.dyne.org/donate

LICENSE

WebNomad is Copyright (C) 2012-2015 Denis Roio jaromil@dyne.org

This program is free software: you can redistribute it and/or
modify it under the terms of the GNU Affero General Public License
as published by the Free Software Foundation, either version 3 of
the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
Affero General Public License for more details.

You should have received a copy of the GNU Affero General Public
License along with this program.  If not, see
http://www.gnu.org/licenses