docs/en/User_documentation/Save_your_first_article.html

   1 <!DOCTYPE html>
   2 <!--[if lt IE 7]>       <html class="no-js ie6 oldie" lang="en"> <![endif]-->
   3 <!--[if IE 7]>          <html class="no-js ie7 oldie" lang="en"> <![endif]-->
   4 <!--[if IE 8]>          <html class="no-js ie8 oldie" lang="en"> <![endif]-->
   5 <!--[if gt IE 8]><!-->  <html class="no-js" lang="en"> <!--<![endif]-->
   6 <head>
   7     <title>Save your first article</title>
   8     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
   9     <meta name="description" content="Documentation for wallabag" />
  10     <meta name="author" content="Nicolas Lœuillet">
  11     <link rel="icon" href="../../templates/default/themes/daux-blue/img/favicon-blue.png" type="image/x-icon">
  12     <!-- Mobile -->
  13     <meta name="apple-mobile-web-app-capable" content="yes" />
  14     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  15
  16     <!-- Font -->
  17     <link href='//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700&subset=latin,cyrillic-ext,cyrillic' rel='stylesheet' type='text/css'>
  18     <!-- CSS -->
  19     <link href='../../templates/default/themes/daux-blue/css/daux-blue.css' rel='stylesheet' type='text/css'>
  20 </head>
  21 <body>
  22             <!-- Docs -->
  23                 <div class="container-fluid fluid-height wrapper">
  24             <div class="navbar navbar-fixed-top hidden-print">
  25                 <div class="container-fluid">
  26                     <a class="brand navbar-brand pull-left" href="../../index.html">wallabag</a>
  27                     <p class="navbar-text pull-right">Generated by <a href="http://daux.io">Daux.io</a></p>
  28                 </div>
  29             </div>
  30             <div class="row columns content">
  31                 <div class="left-column article-tree col-sm-3 hidden-print">
  32                     <!-- For Mobile -->
  33                     <div class="responsive-collapse">
  34                         <button type="button" class="btn btn-sidebar" id="menu-spinner-button">
  35                             <span class="icon-bar"></span>
  36                             <span class="icon-bar"></span>
  37                             <span class="icon-bar"></span>
  38                         </button>
  39                     </div>
  40                     <div id="sub-nav-collapse" class="sub-nav-collapse">
  41                         <!-- Navigation -->
  42                         <ul class="nav nav-list"><li><a href="../../en/Getting_started.html">Getting started</a></li><li><a href="../../en/Help_wallabag.html">Help wallabag</a></li><li class="open"><a href="#" class="aj-nav folder">User documentation</a><ul class="nav nav-list"><li><a href="../../en/User_documentation/Download_and_install.html">Download and install</a></li><li class="active"><a href="../../en/User_documentation/Save_your_first_article.html">Save your first article</a></li><li><a href="../../en/User_documentation/Hidden_options.html">Hidden options</a></li></ul></li><li><a href="#" class="aj-nav folder">Technical documentation</a><ul class="nav nav-list"></ul></li></ul>                                                    <div class="well well-sidebar">
  43
  44                                 <!-- Links -->
  45                                 <a href="https://www.wallabag.org/downloads" target="_blank">Download</a><br><a href="https://github.com/wallabag/wallabag" target="_blank">GitHub Repo</a><br><a href="http://support.wallabag.org" target="_blank">Help</a><br><a href="https://github.com/wallabag/documentation/graphs/contributors" target="_blank">Documentation contributors</a><br>
  46                                 <!-- Twitter -->
  47                                                             </div>
  48                                             </div>
  49                 </div>
  50                 <div class="right-column  content-area col-sm-9">
  51                     <div class="content-page">
  52                         <article>
  53                                                             <div class="page-header sub-header clearfix">
  54                                     <h1>Save your first article                                                                            </h1>
  55                                     <span style="float: left; font-size: 10px; color: gray;">
  56                                         Sunday, October 26, 2014                                    </span>
  57                                     <span style="float: right; font-size: 10px; color: gray;">
  58                                         9:34 PM                                    </span>
  59                                 </div>
  60
  61                             <p>Once connected, you have many ways to save an article.</p>
  62 <h2>From the web application</h2>
  63 <h2>Thanks to the bookmarklet</h2>
  64 <p><a href="http://en.wikipedia.org/wiki/Bookmarklet">From Wikipedia</a></p>
  65 <pre><code>A bookmarklet is a bookmark stored in a web browser that contains JavaScript commands to extend the browser's functionality.</code></pre>
  66 <h2>From your smartphone</h2>
  67 <h3>Android</h3>
  68 <h4>Installation and configuration</h4>
  69 <p>TODO</p>
  70 <h4>Saving an article</h4>
  71 <p>TODO</p>
  72 <h4>Reading</h4>
  73 <p>TODO</p>
  74 <h3>iOS</h3>
  75 <h4>Installation and configuration</h4>
  76 <p>TODO</p>
  77 <h4>Use</h4>
  78 <p>TODO</p>
  79 <h3>Windows Phone</h3>
  80 <h4>Installation and configuration</h4>
  81 <p>TODO</p>
  82 <h2>From your browser</h2>
  83 <h3>Firefox</h3>
  84 <p>TODO</p>
  85 <h3>Chrome</h3>
  86 <p>TODO</p>                                                    </article>
  87                     </div>
  88                 </div>
  89             </div>
  90         </div>
  91
  92
  93
  94     <!-- jQuery -->
  95             <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  96         <script>
  97             if (typeof jQuery == 'undefined')
  98                 document.write(unescape("%3Cscript src='../../js/jquery-1.11.0.min.js' type='text/javascript'%3E%3C/script%3E"));
  99         </script>
 100
 101     <!-- hightlight.js -->
 102     <script src="../../js/highlight.min.js"></script>
 103     <script>hljs.initHighlightingOnLoad();</script>
 104
 105     <!-- JS -->
 106
 107     <!-- Front end file editor -->
 108         <script src="../../js/custom.js"></script>
 109     <!--[if lt IE 9]>
 110         <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 111     <![endif]-->
 112
 113 </body>
 114 </html>
 115