Jack Documentation & Support

Adding rows -
Cloning rows{"en":"Duplicate, Copy","nl":"Dupliceren, Kopi\u00ebren"} - This section will be added soon! {img:articles/18_1}
Debug output - If you're logged into Jack, and your user role is an Administrator, then it's possible you've encountered something looking like this: {screenshot} Don't worry, only you are able to see this.
Disabling rows (without deleting them) - There might be an occasion where you would like to (temporarily) hide a row or page from showing up in your site, without actually deleting it from the database. To do so, simply click on the bulb !data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACDUlEQVR42o2RXUhTYRzGH5A12ECIdpFldtEHdRkhfdgIiVZCH47F1IqiCHREtD62ujBj6qVddFVBsy4icok0mIQYG+LYiLa1rcN0mEUUQVIsx6Rs55ynV+0i3Sn3wA8Oz/v//+C8L/BXUs3Qv7bBJrWgP9G6dirt2FBIOTYWEmdXTcWs6A8fgS1yFHpoRSwbxbI341wnf+91UR71U5GCVDJByqE+5u5fZOLCejncAK8QGbUEHZPuNVSjt6kUM1TyaSpfkwvkpflODt/iG+dqjjSgo0SQOY3cr4F6sfCEavYelfG7i5jvcj7O+nYyegy5UsE5FNXRWqrjV6imHdpkXVRDWxltQbFEIJ3CjDJooJrcJoZ3aSPO5EEjI834WSKI2XHjcw+oRirEPRipxpcw14mz913gCwu6SwQvG2GKnUCi4BeSlODVEkQ3/QwMWZEYqodJ8ynF7drfesTwmDZSOxiogx3/inhfnWB4OioWvgg+/kF8z3VDFgw/3w8d/pfgPrg/PRVLxcV88IH+3XBjuQQPwJLpRP7HJDibBeWJBSQP8oG9sCwrCB2Ewdu0J36nrZGdTTt47dBmXrJU07MdcfELBpSTq62PkhPSDPsevONNV4SXzwdp0lcnUW6sh69Lj3vH2N0+QqcjwLYzA6zU10hlC6pWbjHX1R5/eNLeVdhUY/5WuaKqpwI6s9bsbyJRggHVHcmOAAAAAElFTkSuQmCC! in front of a row.
Edit icon - When you're "logged into your Jack account":en/article/logging-in, you might see a little edit icon !data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAQCAYAAAAmlE46AAABWElEQVR42o2T34qCQBTGh32ODfYdWnzPfYoIvO/CCKQLpT8YZRGRFkVXUhlm2r/9ds7ZZjEz2oEfMw5+5zvf6AghxLukLNFe8CF5E5lRPp1O4eVyucoBQq4Z9Xw8HlGpVL7yYo1Eh8MBSZL8EccxoijCZrPhIuv1GtVq9U5MQq56Pp95JpRwu92ya5qmoOK6rivxr1C2i263C9u20Ww20Wg0YBgGarUashFovmUWWnZTrakQtbzf7xGGIbccBMGjkBgMBnAcB51OB5ZlsbNpmuxer9ex2+3uhVm3rLtypnyUmSh0HI/HGA6H6Pf76PV6nLndbqPVanF2KvA0Y5E7uaoTf2iVmM1mmE6nmEwm7D4ajTi367rcBRV4eaoEueQpzLharbBcLrFYLDCfz+H7PuN5HlP0Hb+fnWrBv3tVwk/Ze0wbRe3m9q7y3eh2m0SJxP+4VgoSlX4ALHJ8UltEYDYAAAAASUVORK5CYII=! next to a title or paragraph. Clicking this icon will open a lightbox, allowing you to edit that content right there and then. After you saved your changes and clicked the 'x', the page will automatically reload with the updated content.
Exporting content -
Inline editing -
IP Address - According to the "Wikipedia article":https://www.wikiwand.com/en/IP_address, an IP address is "numerical label assigned to each device (e.g., computer, printer) participating in a computer network that uses the Internet Protocol for communication". We can tie your IP address to your account to make it easier for you to "log in":en/article/logging-in. You can look up your IP address via our "IP look up tool":http://alsjeblaft.co/ip/. Make sure you're on the network you'll be using to work on your site (no point in having the library's IP address on file ;) ).
Jack demo -
Keyboard shortcuts - Use these keyboard shortcuts to navigate your way around Jack faster. |_. Windows / Chromebook|_. OS X / MacOS|_. Action| |CTRL+S|⌘+S|Save form| |ALT+SHIFT+B|⌘+SHIFT+B|Back to previous page| |ALT+SHIFT+E|⌘+SHIFT+E|(Re)edit form| |ALT+SHIFT+O|⌘+SHIFT+O|Back to overview| |ALT+SHIFT+P|⌘+SHIFT+P|Previous row| |ALT+SHIFT+N|⌘+SHIFT+N|Next row|
Linking an IP address to your account - According to the "Wikipedia article":https://www.wikiwand.com/en/IP_address, an IP address is "numerical label assigned to each device (e.g., computer, printer) participating in a computer network that uses the Internet Protocol for communication". We can tie your IP address to your account to make it easier for you to "log in":en/article/logging-in. You can look up your IP address via our "IP look up tool":http://alsjeblaft.co/ip/. Make sure you're on the network you'll be using to work on your site (no point in having the library's IP address on file ;) ).
Logging in - There are multiple ways to log in to Jack. If your "IP address":en/article/ip-address is tied to your account, you'll see a little eight ball icon on the bottom left of your website. Clicking this icon will take you to the login screen. {img:articles/7_2} Or, you can go directly to the login screen by adding */jack* to your domain name. For example, if your domain name is acme.com, Jack can be reached by going to "acme.com/jack":http://acme.com/jack. {img:articles/7_1} After you log in, you will be taken to "the dashboard":en/article/the-dashboard. If you can't log in because you don't know your password, you can "reset your password":en/article/resetting-your-password.
Managing user accounts -

Markdown guide{"en":"Markdown","nl":"Markdown"} - Emphasis

**bold**
*italics*
~~strikethrough~~

Headers

# Big header
## Medium header
### Small header
#### Tiny header

Lists

* Generic list item
* Generic list item
* Generic list item

1. Numbered list item
2. Numbered list item
3. Numbered list item

Links

[Text to display](http://www.example.com)

Quotes

> This is a quote.
> It can span multiple lines!

Images

![](http://www.example.com/image.jpg)

Tables

| Column 1 | Column 2 | Column 3 |
| -------- | -------- | -------- |
| John     | Doe      | Male     |
| Mary     | Smith    | Female   |

Or without aligning the columns...

| Column 1 | Column 2 | Column 3 |
| -------- | -------- | -------- |
| John | Doe | Male |
| Mary | Smith | Female |

Displaying code

`var example = "hello!";`

Or spanning multiple lines...

```
var example = "hello!";
alert(example);
```

Pinning rows to the top - In some instances it's possible to pin certain rows to the top. Say, for example, you have a portfolio sorted by date, but there's a few items you would like to have pinned at the top of the page. You can pin a row to the top of the table by clicking the pin icon: !data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAB5lBMVEXjjy/jkCTkvTbljyzluTHqsmXrpzTrrDPrz2/r0XDslijsojHspDDtlSjtnzDt0HDukSnvkijvmyvv59nv59rwkSjwkSnwkinwkyrwlSfwlSrw5tbxkyjx59fykCfykSb0kCX07eL1t2L5+fv689j69u779t/89+X8/Pz9/f3+/ff//vn///v////9/f3oyW3t7e3i4uLbkDTbkjXllS7r6+vnwF3gsDLlv17klCfo6OjnslzlkzTflDrixXzhtUHlwVjs0oXU09Pv2JbkpzjX19fkoDfmmjXl5eXirj/GxsbmxGCSlJu4uLrbo1DGxsbepVfhtVK/vr7apFffpVLfplOpmX3lvF3kulWxsbHgrF/ds17htVuurq7bsHDgtVvis2Let3vjumaamZnctXvarGHlvWfmv3TdtnjkvF/lvmLkunLjtnDnwnKkpKTQrGLjwo6Afn6SkpLsz4huZleBg4vLqm3orjXpqjPprDXpuEXqqDPqqTPquEbrpDDrpTLrpzPrqDfruU3sqzvsskTstEfst0vsvXjtwH7twXztxmTuzH7vr0rvy3/vzILv0n3wsU/wv3Pxrk/xsE/xsU7xvW3xx3jxy37x16Xy0X3zxYDzxnjzxofz3qHz4bT1znz306P50p1FPA/OAAAAdXRSTlMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwYICQsLCw0VGBwdHh8hJCUpKSorKy4xMTEyNDo6VV1laHh6hoeLjo+VmKGpqq3Fx8fLzMzPz9DR1dbY2uDh4+jo7PH29vitTq1HAAAA3ElEQVR4AWPQhQJOJvtoT3Y2brgAB0vgjHQXHj64AL950vRp2W5CYAEVLV1ts/je1uapOe4gAecIb32LmL626rpJCxOBAurh84rTcrubKuont2cEgFQ4Zs3t76qtbJjQEWIiABJQc8icWVVe09MZyisjCjZUxy5/fkvjxCguKXExsICyT0nZ7CmdfpISYhABp8LSsIRZc4IFxSAChslFvqrWqQsKbOXAApqReV6aukqWcSk2CvLyDLoa/rFWQGWsjMZGzAxAoOsRZAoyR1FaVlZYRESEwcBVTxcZAABDCEKFzJDiLwAAAABJRU5ErkJggg==! {img:articles/17_1}
Quick Start{"en":"Intro, Introduction","nl":"Intro, Introductie"} - [Short introduction to Jack with shortcuts to longer articles.]
Resetting your password - Nothing can be more frustrating than forgetting your password and not being able to log in. Fortunately, it's not hard to change your password. First, go to the "login screen":en/article/logging-in. Under the password field you'll find a link that says "Forgot your password?". Click on that link. {img:articles/2_1} The next page tells you to fill in either your username, or your e-mail address. If you can't remember your username or e-mail address tied to your account, please "contact us":mailto:info@alsjeblaft.nl. {img:articles/2_2} Once you have done so, the system will send you an e-mail with further instructions to reset your password. Please note that your original password can't be retrieved, not even by us, because it's stored in the database with strong encryption for privacy reasons.
Textile{"en":"Markdown","nl":"Markdown"} - Textile is a lightweight markup language originally developed by Dean Allen and billed as a "humane web text generator". We have chosen Textile as the preferred way of __marking up__ content - in lieu of the traditional WYSIWYG editor - because of many advantages (it's clean, portable, lightweight, readable). While at first it might seem a little daunting, once you spend a little time with it it's actually very intuitive. There is a reason tech giants like Google, Github & Stack Overflow incorporated lightweight markup in their web apps! Here's how it works. |_. type|_. syntax|_. result| |italics| ==Lorem ipsum _italics_ site amet== |Lorem ipsum _dolor_ site amet| |boldface| ==Lorem ipsum *bold* site amet==|Lorem ipsum *dolor* site amet.| |Image|==!https://placekitten.com/200/300!==|!https://placekitten.com/200/300!| |Link|=="Google":https://www.google.com/==|"Google":https://www.google.com/| |E-mail link|=="E-mail me!":mailto:mark@alsjeblaft.co==|"E-mail me!":mailto:mark@alsjeblaft.co| |Unordered list|==* An item in a bulleted (unordered) list== ==* Another item in a bulleted list== ==* Second Level==|* An item in a bulleted (unordered) list * Another item in a bulleted list * Second Level|
The dashboard - The first thing you'll see after "logging in":en/article/logging-in is the dashboard. {img:articles/10_1} Think of the dashboard as your personal HQ. Every section of your site that's editable can be accessed from here.
Uploading files & images -
User roles -

Can’t find an answer to your question? Send an e-mail to mark@alsjeblaft.co and we’ll add it as soon as we can. Thanks in advance!

Textile

Textile is a lightweight markup language originally developed by Dean Allen and billed as a “humane web text generator”. We have chosen Textile as the preferred way of marking up content – in lieu of the traditional WYSIWYG editor – because of many advantages (it’s clean, portable, lightweight, readable). While at first it might seem a little daunting, once you spend a little time with it it’s actually very intuitive. There is a reason tech giants like Google, Github & Stack Overflow incorporated lightweight markup in their web apps!

Here’s how it works.

type	syntax	result
italics	Lorem ipsum _italics_ site amet	Lorem ipsum dolor site amet
boldface	Lorem ipsum bold site amet	Lorem ipsum dolor site amet.
Image	!https://placekitten.com/200/300!
Link	"Google":https://www.google.com/	Google
E-mail link	"E-mail me!":mailto:mark@alsjeblaft.co	E-mail me!
Unordered list	* An item in a bulleted (unordered) list * Another item in a bulleted list * Second Level	An item in a bulleted (unordered) list Another item in a bulleted list Second Level

Site by Alsjeblaft!