{"id":46,"date":"2014-02-06T07:02:24","date_gmt":"2014-02-06T07:02:24","guid":{"rendered":"https:\/\/http:\/\/www.apresentationnovel.com\/?page_id=46"},"modified":"2014-03-09T08:31:09","modified_gmt":"2014-03-09T08:31:09","slug":"how","status":"publish","type":"page","link":"https:\/\/www.apresentationnovel.com\/en\/about\/how\/","title":{"rendered":"How?"},"content":{"rendered":"<p>This is a short description of how I approached this project, how I&rsquo;m going to go about it in the future, which tools and software I&rsquo;m using and what kind of knowledge I needed.<\/p>\n<p>In general, I either write in German or English and then translate the text into the respective other language. I have neither an editor nor a competent translator. Therefore, I&#8217;m very grateful for any <a href=\"mailto:boris@baesler.ch\" title=\"Feedback to Boris B&auml;sler\">feedback<\/a>.<\/p>\n<h2>How do I develop the Texts?<\/h2>\n<p>I&rsquo;m using Writer Pro by <a href=\"http:\/\/ia.net\" title=\"Website Information Architects (en)\" target=\"_blank\">Information Architects<\/a> on Mac (<a href=\"https:\/\/itunes.apple.com\/us\/app\/ia-writer\/id775737590\" title=\"Writer Pro in the US Mac App Store\" target=\"_blank\">Writer Pro in the US Mac App Store<\/a>) and iOS-Devices <a href=\"https:\/\/itunes.apple.com\/us\/app\/ia-writer\/id775737172\" title=\"Writer Pro for iPhone and iPad in the US App Store\" target=\"_blank\">Writer Pro for iPhone and iPad an the US App Store<\/a>.<\/p>\n<p>iA Writer had already convinced me and with Writer Pro &ndash; in addition to the minimalistic approach and the perfect typography &ndash; they added a writing process. It sounds pretty simple, but that helped me a lot &ndash; like: really a lot. You can briefly describe the steps of the process as:<\/p>\n<ul>\n<li>take notes<\/li>\n<li>write<\/li>\n<li>edit<\/li>\n<li>read<\/li>\n<\/ul>\n<p>Especially the distinction between writing and editing is very important to me. A lot of the times, I tried to write down my thoughts and got sidetracked: While editing the first section, I completely forgot the rest.<\/p>\n<p>Oliver Reichenstein of Information Architects describes the process and Writer Pro a little (way) more extensive in his <a href=\"http:\/\/ia.net\/blog\/writer-pro\/\" title=\"Article about Writer Pro by Oliver Reichenstein (en)\" target=\"_blank\">article on Writer Pro<\/a>.<\/p>\n<p>Synchronizing data via iCloud makes it easy for me, to take notes on the iPhone, then go on writing on my iPad or Mac. I do all the editing on the Mac (more screen real estate). And the results can be read here on my website.<\/p>\n<p>Writer Pro supports <a href=\"http:\/\/en.wikipedia.org\/wiki\/Markdown\" title=\"Description of Markdown on wikipedia\" target=\"_blank\">Markdown<\/a> formatting. Thanks to a plugin, I can use this format without any manual editing. It just works like a charm.<\/p>\n<h2>How does the website work?<\/h2>\n<p>For the website, I&#8217;m using the blogging software <a href=\"http:\/\/wordpress.org\" title=\"WordPress\" target=\"_blank\">WordPress<\/a> (on my own server). To make the technical part of the multilingual thingy easier, I&rsquo;m using <a href=\"http:\/\/wpml.org\/\" title=\"WPML\" target=\"_blank\">WPML<\/a> for WordPress.<\/p>\n<p>The design is my own, self-made. Based on the framework <a href=\"http:\/\/getbootstrap.com\" title=\"Information about and download of Bootstrap (en)\" target=\"_blank\">Bootstrap<\/a>, it took me about 20 hours (and counting) to develop a &ldquo;responsive design&rdquo; (it&#8217;s not really my core competence). Responsive means basically that the site looks different and hopefully good on devices with different screen sizes.<\/p>\n<p>The fonts, I&#8217;m using here are <a href=\"http:\/\/www.fontshop.com\/fonts\/family\/museo\/\" title=\"&ldquo;Museo&rdquo; at FontShop\" target=\"_blank\">Museo<\/a> for headlines, menus and quotes and <a href=\"http:\/\/www.fontshop.com\/fonts\/family\/museo_slab\/\" title=\"&ldquo;Museo Slab&rdquo; at FontShop\" target=\"_blank\">Museo Slab<\/a> for the text. Both fonts were designed by Jos Buivenga of <a href=\"http:\/\/www.exljbris.com\" title=\"Website exljbris Font Foundry\" target=\"_blank\">exljrbis<\/a> and are provided as web fonts via Adobes <a href=\"https:\/\/typekit.com\" title=\"Typekit\" target=\"_blank\">Typekit<\/a>.<\/p>\n<p>I selected these fonts, because on one hand, I really love the history of Museo and Jos, and on the other hand, I like the fonts &ndash; they are different but legible.<\/p>\n<p>To be able to use the Markdown formatted texts from Writer Pro without any hustle, I installed the Markdown plugin as part of the <a href=\"https:\/\/wordpress.org\/plugins\/jetpack\/\" title=\"Download and description of the Jetpack plugins for WordPress\" target=\"_blank\">Jetpack<\/a> (developed by the WordPress developers).<\/p>\n<p>In retrospect, I might have been better off using a configurable standard theme instead of doing my own thing. It might have saved me a few hours of php, css, JavaScript and banging my head on hard surfaces. And all that with an investment of only $55.00 into something like the great <a href=\"http:\/\/themeforest.net\/item\/avada-responsive-multipurpose-theme\/2833226\" title=\"Download Avada Theme for WordPress\" target=\"_blank\">Avada Theme<\/a> for WordPress.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This is a short description of how I approached this project, how I&rsquo;m going to go about it in the future, which tools and software I&rsquo;m using and what kind of knowledge I needed. In general, I either write in German or English and then translate the text into the respective other language. I have [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":23,"menu_order":6,"comment_status":"open","ping_status":"open","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/www.apresentationnovel.com\/en\/wp-json\/wp\/v2\/pages\/46"}],"collection":[{"href":"https:\/\/www.apresentationnovel.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.apresentationnovel.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.apresentationnovel.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.apresentationnovel.com\/en\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":16,"href":"https:\/\/www.apresentationnovel.com\/en\/wp-json\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":184,"href":"https:\/\/www.apresentationnovel.com\/en\/wp-json\/wp\/v2\/pages\/46\/revisions\/184"}],"up":[{"embeddable":true,"href":"https:\/\/www.apresentationnovel.com\/en\/wp-json\/wp\/v2\/pages\/23"}],"wp:attachment":[{"href":"https:\/\/www.apresentationnovel.com\/en\/wp-json\/wp\/v2\/media?parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}