name: inverse layout: true class: center, middle, inverse --- # Welcome to mySell ### _Your Presentation in a boxxd_ #### (Offline presentation edition) You can navigate with the arrow keys. .left[.footnote[An intro from the boxxd.org experts]] --- Tip: Before you start to edit this file... Read through the following slides first Read through the plain text inside the file This slide is a template which you can modify for your own use. .footnote[An example template follows...] --- # Your Product/Venture Name ### Subtitle ### Topic-A ~ Topic-B ~ Topic-C ~ Topic-D _...your tagline..._ .left[.footnote[(c) CompanyName, 2017, YourName]] --- layout: false ## Title - ProductName/VentureName * What it is * The Why * For Who * The Where * The When * The How Short description... Topics range... --- ## First things first This _Home_ page contains links to other documents, boilerplate texts describing how things work, and links to the Help system. Change it in anyway you want. Some of the pages have special formatting, such as two columns, as an example of what you can do. **Tip:** Create your presentation first before you start to delete the pages you do not need. You can move them to the end with cut and paste. --- ## Overviews A couple of overviews to get started... **But first** you should get acquainted with navigating back and forth between presentations (or websites): * Important: Press the `[alt]` key and the `[<-]` left-arrow key at the same time to navigate back to this slide - otherwise you will be reading another presentation!! Check the URL to make sure you are on `home.html`. On this page, you could place links to your own presentations in the _Talk_ directory. * Here is an example of a presentation that uses a separate text file for the slideshow content. * This is great if you don't like having angle brackets stuff at the beginning of your file. * The Chrome browser cannot chew it, however Firefox can: Try it using Firefox [Presentation with Firefox](Talk/My-SlideShow-Starter__Runs-only-with-Firefox.html) * An [overview of Boxxd](Talk/Boxxd-Overview-SlideShow.html) in the _Talk_ directory. --- ## To edit this file Just open it with a plain text editor such as notepad, change the text, save it and look at it in the browser. After doing any changes you can see how it looks by refreshing your browser with `
` R If you do not have two screens, you can place the windows side by side, edit and check what you have done. In most editors, if you make a mistake, you can go back by using `[ctrl]` `Z`. --- ## a BIG warning Do not use graphical word programs such as Word or Writer as they will probably destroy this file - no joke. --- name: StartDontMess ### Don't mess around Please do not change any of the major directory names. ### Ideas function If you want to quickly take notes without having to wade through the structure, there is a _Jotter.md_ file and a _TODO.md_ in the top (root) directory for ideas, notes, snippets. If there are several people working on the presentation and it is on a file server, make a copy of the file for yourself and add your own name to the file name i.e. Jotter-Peter.md Don't forget to clear up every now and again :-) --- ### Talk Slideshow The slideshow also works when offline. * To create a slideshow use the _Talk_ directory. * Copy your working file to the _Contents_ directory. * In the _Talk_ directory copy a template file, rename it and edit it. [More info](.help/en/plugins/talk.html) If you are using a separate file for the content, the slideshow will run best in Firefox. --- ### Using formatting in the text files * To create structure in the documents use the Markdown formatting syntax - it is easy to use and learn. * Markdown documents have the extension .md * To see the Markdown formatted files nicely in your browser, install a Markdown converter extension in your browser (make sure that the option "read URL" is selected). * If you want to edit the files you might also like to use a special Markdown editor, or a browser extension with edit functions. #### Formatting examples * Use three dashes `---` to start a new slide. * The use of the hash `#` is for headers: one `#` results in BIG headers, the more `##` you use, the smaller the header. * Underlines `_bla_` are for _kursive_ * Two asterisks `**hello**` results in a bold **hello** Tip: Get a Markdown cheatsheet to help you to remember what you can use. --- ### More information on formatting This [is a link to a file in the .help area](.help/en/demos/remark-js-slideshow-demo.html) which explains more about the slideshow formatting. (It is about the remark javascript, which powers this document). ### Accessing fonts with Firefox Your browser may not be loading the fonts properly. If this file, or the above file, do not seem to be formatted properly, you will need to configure your Firefox so that the css files can be read. Workaround for Firefox: In the URL type `about:conf`, search for `fileuri`, then double click on `security.fileuri.strict_origin_policy` to set it to _false_. --- ### To share * To share, just Zip the whole directory structure (container) and attach it to an email. * Note: Be careful of size. If it grows to 20 MB it might be difficult to send per email. * Or share via Dropbox. #### Preventing disappointed customers **Note:** If you are sharing via Dropbox, your users/customers need to have the whole boxxd on their computer, either via download or Dropbox sync. The _Home_ and _Talk_ in this boxxd edition will only work when used from a local disk. If users try to start _Home_ or _Talk_ presentations from the Dropbox website, they will be disappointed as they will **not work**. The technical reason is that the files need to have local access to the scripts and fonts in the _.wiring_ directory. --- ## Directory structure The main directory contains the following directories: * __Archive__ - A place where old files are stored. * __Items__ - The directory where finished things will go like flyers, books, software. * __Works__ - This directory is to used by the design, marketing, finance teams to save the project relevant "working" documents. * __Talk__ - Presentations such as slideshows. * __Sources__ - The directory where the source files of the things which are needed for the customer or end user i.e. the working assets are stored. * __.help__ contains a manual describing the container format in more detail. * _.wiring_ is used for automation processes and scripts. --- ## "Item" directories In the _Item_ directory, a couple of directories have been included for you to get started: * Design - for documents about the design of your products * Finance - for financial aspects * Incentives - affiliates, special offers * Logistic - About how the products will be delivered * Market - Information about the market * Product - Product info, catalogs * Quality - Quality assurance info * Teach - Training etc * User-Experience - User stories They are to give you ideas of what you can do. You can delete them if you do not need them. The directories are based on _Value Domains Stack_ and are similar to the typical departments in organisations (with a couple of exceptions). --- ### Linking and paths You can easily link to the files in the _Items_ directory (or anywhere else) so that you, your users or customers can quickly navigate. Here is an example of a link to a [customer relations](Items/the-other-customer-relations-doc.pdf) document as PDF. The path to the files is **very** important. If you are windows user you will notice that the slash is different. #### Example The path to a file in `Items -> Product -> Bla.doc` > would be `Items/Product/Bla.doc` Also be aware of how you write names - if they are singular and plural i.e. product, products. --- #### Important to know The _Home_ and _Talk_ presentations are linked to scripts and fonts in the _.wiring_ directory. They have been configured so that you can work offline. If you move the files around, i.e. to another directory up or below the directory tree, the functions will no longer work. The use of dots before a path have a special meaning... but that is another story for another time... --- ### Adding media If you are going to add images to your _Home_ file we suggest creating a "Home-assets" subdirectory in _Sources_ and placing your page assets i.e images there. An example link path would be `Sources/Home-assets/...` --- class: inverse ## For more info about the tools .pull-left[ * [Help Index](.help/help.en.html) * [User Manual](.help/en/help-guide.html) * [Value Domains](.help/en/ecosystem/value-domains.html) * [Talk](.help/en/plugins/talk.html) | [Slideshow](.help/en/plugins/talk-slideshow-remark-js.html) * [Formating notes](.help/en/cheatsheets/markdown-syntax.html) * [myBoxxd Overview](.help/en/ecosystem/boxxd-overview.html) * [FAQ - Frequently Asked Questions](.help/en/faq.html) ] .pull-right[ * [Name conventions](.help/en/myboxxd/naming-conventions.html) * [File header](.help/en/myboxxd/file-header.html) ]