Browse Source

book with new chapters.
Note that links between chapters will not work on the book

colombj 4 years ago
parent
commit
6367130aaf

+ 7 - 1
_bookdown.yml

@@ -7,7 +7,13 @@ rmd_files: [
 "web-interface/dashboard.md",
 "web-interface/browsing.md",
 "web-interface/downloading.md",
-"web-interface/uploading.md",
+"web-interface/uploading-editing/index.md",
+"web-interface/uploading-editing/new-text-file.md",
+"web-interface/uploading-editing/edit-text-file.md",
+"web-interface/uploading-editing/file-upload.md",
+"web-interface/uploading-editing/location-of-buttons.md",
+"web-interface/uploading-editing/target-directory.md",
+"web-interface/uploading-editing/commit-options.md",
 
 
 "git-applications/README.md",

+ 8 - 6
book-output/index.html

@@ -86,12 +86,14 @@
 <li class="chapter" data-level="3.4" data-path="web-interface.html"><a href="web-interface.html#downloading-files"><i class="fa fa-check"></i><b>3.4</b> Downloading files</a><ul>
 <li class="chapter" data-level="3.4.1" data-path="web-interface.html"><a href="web-interface.html#download-button"><i class="fa fa-check"></i><b>3.4.1</b> Download button</a></li>
 </ul></li>
-<li class="chapter" data-level="3.5" data-path="web-interface.html"><a href="web-interface.html#uploading-files"><i class="fa fa-check"></i><b>3.5</b> Uploading files</a><ul>
-<li class="chapter" data-level="3.5.1" data-path="web-interface.html"><a href="web-interface.html#location-of-the-buttons"><i class="fa fa-check"></i><b>3.5.1</b> Location of the buttons</a></li>
-<li class="chapter" data-level="3.5.2" data-path="web-interface.html"><a href="web-interface.html#common-features-for-file-upload"><i class="fa fa-check"></i><b>3.5.2</b> Common features for file-upload</a></li>
-<li class="chapter" data-level="3.5.3" data-path="web-interface.html"><a href="web-interface.html#uploading-a-set-of-files"><i class="fa fa-check"></i><b>3.5.3</b> Uploading a set of files</a></li>
-<li class="chapter" data-level="3.5.4" data-path="web-interface.html"><a href="web-interface.html#create-a-new-text-file"><i class="fa fa-check"></i><b>3.5.4</b> Create a new (text) file</a></li>
-<li class="chapter" data-level="3.5.5" data-path="web-interface.html"><a href="web-interface.html#edit-a-text-file"><i class="fa fa-check"></i><b>3.5.5</b> Edit a (text) file</a></li>
+<li class="chapter" data-level="3.5" data-path="web-interface.html"><a href="web-interface.html#uploading-and-editing-files"><i class="fa fa-check"></i><b>3.5</b> Uploading and editing files</a><ul>
+<li class="chapter" data-level="3.5.1" data-path="web-interface.html"><a href="web-interface.html#overview"><i class="fa fa-check"></i><b>3.5.1</b> Overview</a></li>
+<li class="chapter" data-level="3.5.2" data-path="web-interface.html"><a href="web-interface.html#create-a-new-text-based-file"><i class="fa fa-check"></i><b>3.5.2</b> Create a new text-based file</a></li>
+<li class="chapter" data-level="3.5.3" data-path="web-interface.html"><a href="web-interface.html#edit-a-text-based-file"><i class="fa fa-check"></i><b>3.5.3</b> Edit a text-based file</a></li>
+<li class="chapter" data-level="3.5.4" data-path="web-interface.html"><a href="web-interface.html#uploading-a-set-of-files"><i class="fa fa-check"></i><b>3.5.4</b> Uploading a set of files</a></li>
+<li class="chapter" data-level="3.5.5" data-path="web-interface.html"><a href="web-interface.html#location-of-buttons-for-uploading"><i class="fa fa-check"></i><b>3.5.5</b> Location of buttons for uploading</a></li>
+<li class="chapter" data-level="3.5.6" data-path="web-interface.html"><a href="web-interface.html#specifying-the-directory-to-be-uploaded"><i class="fa fa-check"></i><b>3.5.6</b> Specifying the directory to be uploaded</a></li>
+<li class="chapter" data-level="3.5.7" data-path="web-interface.html"><a href="web-interface.html#committing-new-files"><i class="fa fa-check"></i><b>3.5.7</b> Committing new files</a></li>
 </ul></li>
 </ul></li>
 <li class="chapter" data-level="4" data-path="using-application-made-for-git.html"><a href="using-application-made-for-git.html"><i class="fa fa-check"></i><b>4</b> Using application made for git</a><ul>

+ 8 - 6
book-output/intro.html

@@ -86,12 +86,14 @@
 <li class="chapter" data-level="3.4" data-path="web-interface.html"><a href="web-interface.html#downloading-files"><i class="fa fa-check"></i><b>3.4</b> Downloading files</a><ul>
 <li class="chapter" data-level="3.4.1" data-path="web-interface.html"><a href="web-interface.html#download-button"><i class="fa fa-check"></i><b>3.4.1</b> Download button</a></li>
 </ul></li>
-<li class="chapter" data-level="3.5" data-path="web-interface.html"><a href="web-interface.html#uploading-files"><i class="fa fa-check"></i><b>3.5</b> Uploading files</a><ul>
-<li class="chapter" data-level="3.5.1" data-path="web-interface.html"><a href="web-interface.html#location-of-the-buttons"><i class="fa fa-check"></i><b>3.5.1</b> Location of the buttons</a></li>
-<li class="chapter" data-level="3.5.2" data-path="web-interface.html"><a href="web-interface.html#common-features-for-file-upload"><i class="fa fa-check"></i><b>3.5.2</b> Common features for file-upload</a></li>
-<li class="chapter" data-level="3.5.3" data-path="web-interface.html"><a href="web-interface.html#uploading-a-set-of-files"><i class="fa fa-check"></i><b>3.5.3</b> Uploading a set of files</a></li>
-<li class="chapter" data-level="3.5.4" data-path="web-interface.html"><a href="web-interface.html#create-a-new-text-file"><i class="fa fa-check"></i><b>3.5.4</b> Create a new (text) file</a></li>
-<li class="chapter" data-level="3.5.5" data-path="web-interface.html"><a href="web-interface.html#edit-a-text-file"><i class="fa fa-check"></i><b>3.5.5</b> Edit a (text) file</a></li>
+<li class="chapter" data-level="3.5" data-path="web-interface.html"><a href="web-interface.html#uploading-and-editing-files"><i class="fa fa-check"></i><b>3.5</b> Uploading and editing files</a><ul>
+<li class="chapter" data-level="3.5.1" data-path="web-interface.html"><a href="web-interface.html#overview"><i class="fa fa-check"></i><b>3.5.1</b> Overview</a></li>
+<li class="chapter" data-level="3.5.2" data-path="web-interface.html"><a href="web-interface.html#create-a-new-text-based-file"><i class="fa fa-check"></i><b>3.5.2</b> Create a new text-based file</a></li>
+<li class="chapter" data-level="3.5.3" data-path="web-interface.html"><a href="web-interface.html#edit-a-text-based-file"><i class="fa fa-check"></i><b>3.5.3</b> Edit a text-based file</a></li>
+<li class="chapter" data-level="3.5.4" data-path="web-interface.html"><a href="web-interface.html#uploading-a-set-of-files"><i class="fa fa-check"></i><b>3.5.4</b> Uploading a set of files</a></li>
+<li class="chapter" data-level="3.5.5" data-path="web-interface.html"><a href="web-interface.html#location-of-buttons-for-uploading"><i class="fa fa-check"></i><b>3.5.5</b> Location of buttons for uploading</a></li>
+<li class="chapter" data-level="3.5.6" data-path="web-interface.html"><a href="web-interface.html#specifying-the-directory-to-be-uploaded"><i class="fa fa-check"></i><b>3.5.6</b> Specifying the directory to be uploaded</a></li>
+<li class="chapter" data-level="3.5.7" data-path="web-interface.html"><a href="web-interface.html#committing-new-files"><i class="fa fa-check"></i><b>3.5.7</b> Committing new files</a></li>
 </ul></li>
 </ul></li>
 <li class="chapter" data-level="4" data-path="using-application-made-for-git.html"><a href="using-application-made-for-git.html"><i class="fa fa-check"></i><b>4</b> Using application made for git</a><ul>

File diff suppressed because it is too large
+ 1 - 1
book-output/search_index.json


+ 8 - 6
book-output/using-application-made-for-git.html

@@ -86,12 +86,14 @@
 <li class="chapter" data-level="3.4" data-path="web-interface.html"><a href="web-interface.html#downloading-files"><i class="fa fa-check"></i><b>3.4</b> Downloading files</a><ul>
 <li class="chapter" data-level="3.4.1" data-path="web-interface.html"><a href="web-interface.html#download-button"><i class="fa fa-check"></i><b>3.4.1</b> Download button</a></li>
 </ul></li>
-<li class="chapter" data-level="3.5" data-path="web-interface.html"><a href="web-interface.html#uploading-files"><i class="fa fa-check"></i><b>3.5</b> Uploading files</a><ul>
-<li class="chapter" data-level="3.5.1" data-path="web-interface.html"><a href="web-interface.html#location-of-the-buttons"><i class="fa fa-check"></i><b>3.5.1</b> Location of the buttons</a></li>
-<li class="chapter" data-level="3.5.2" data-path="web-interface.html"><a href="web-interface.html#common-features-for-file-upload"><i class="fa fa-check"></i><b>3.5.2</b> Common features for file-upload</a></li>
-<li class="chapter" data-level="3.5.3" data-path="web-interface.html"><a href="web-interface.html#uploading-a-set-of-files"><i class="fa fa-check"></i><b>3.5.3</b> Uploading a set of files</a></li>
-<li class="chapter" data-level="3.5.4" data-path="web-interface.html"><a href="web-interface.html#create-a-new-text-file"><i class="fa fa-check"></i><b>3.5.4</b> Create a new (text) file</a></li>
-<li class="chapter" data-level="3.5.5" data-path="web-interface.html"><a href="web-interface.html#edit-a-text-file"><i class="fa fa-check"></i><b>3.5.5</b> Edit a (text) file</a></li>
+<li class="chapter" data-level="3.5" data-path="web-interface.html"><a href="web-interface.html#uploading-and-editing-files"><i class="fa fa-check"></i><b>3.5</b> Uploading and editing files</a><ul>
+<li class="chapter" data-level="3.5.1" data-path="web-interface.html"><a href="web-interface.html#overview"><i class="fa fa-check"></i><b>3.5.1</b> Overview</a></li>
+<li class="chapter" data-level="3.5.2" data-path="web-interface.html"><a href="web-interface.html#create-a-new-text-based-file"><i class="fa fa-check"></i><b>3.5.2</b> Create a new text-based file</a></li>
+<li class="chapter" data-level="3.5.3" data-path="web-interface.html"><a href="web-interface.html#edit-a-text-based-file"><i class="fa fa-check"></i><b>3.5.3</b> Edit a text-based file</a></li>
+<li class="chapter" data-level="3.5.4" data-path="web-interface.html"><a href="web-interface.html#uploading-a-set-of-files"><i class="fa fa-check"></i><b>3.5.4</b> Uploading a set of files</a></li>
+<li class="chapter" data-level="3.5.5" data-path="web-interface.html"><a href="web-interface.html#location-of-buttons-for-uploading"><i class="fa fa-check"></i><b>3.5.5</b> Location of buttons for uploading</a></li>
+<li class="chapter" data-level="3.5.6" data-path="web-interface.html"><a href="web-interface.html#specifying-the-directory-to-be-uploaded"><i class="fa fa-check"></i><b>3.5.6</b> Specifying the directory to be uploaded</a></li>
+<li class="chapter" data-level="3.5.7" data-path="web-interface.html"><a href="web-interface.html#committing-new-files"><i class="fa fa-check"></i><b>3.5.7</b> Committing new files</a></li>
 </ul></li>
 </ul></li>
 <li class="chapter" data-level="4" data-path="using-application-made-for-git.html"><a href="using-application-made-for-git.html"><i class="fa fa-check"></i><b>4</b> Using application made for git</a><ul>

+ 76 - 73
book-output/web-interface.html

@@ -86,12 +86,14 @@
 <li class="chapter" data-level="3.4" data-path="web-interface.html"><a href="web-interface.html#downloading-files"><i class="fa fa-check"></i><b>3.4</b> Downloading files</a><ul>
 <li class="chapter" data-level="3.4.1" data-path="web-interface.html"><a href="web-interface.html#download-button"><i class="fa fa-check"></i><b>3.4.1</b> Download button</a></li>
 </ul></li>
-<li class="chapter" data-level="3.5" data-path="web-interface.html"><a href="web-interface.html#uploading-files"><i class="fa fa-check"></i><b>3.5</b> Uploading files</a><ul>
-<li class="chapter" data-level="3.5.1" data-path="web-interface.html"><a href="web-interface.html#location-of-the-buttons"><i class="fa fa-check"></i><b>3.5.1</b> Location of the buttons</a></li>
-<li class="chapter" data-level="3.5.2" data-path="web-interface.html"><a href="web-interface.html#common-features-for-file-upload"><i class="fa fa-check"></i><b>3.5.2</b> Common features for file-upload</a></li>
-<li class="chapter" data-level="3.5.3" data-path="web-interface.html"><a href="web-interface.html#uploading-a-set-of-files"><i class="fa fa-check"></i><b>3.5.3</b> Uploading a set of files</a></li>
-<li class="chapter" data-level="3.5.4" data-path="web-interface.html"><a href="web-interface.html#create-a-new-text-file"><i class="fa fa-check"></i><b>3.5.4</b> Create a new (text) file</a></li>
-<li class="chapter" data-level="3.5.5" data-path="web-interface.html"><a href="web-interface.html#edit-a-text-file"><i class="fa fa-check"></i><b>3.5.5</b> Edit a (text) file</a></li>
+<li class="chapter" data-level="3.5" data-path="web-interface.html"><a href="web-interface.html#uploading-and-editing-files"><i class="fa fa-check"></i><b>3.5</b> Uploading and editing files</a><ul>
+<li class="chapter" data-level="3.5.1" data-path="web-interface.html"><a href="web-interface.html#overview"><i class="fa fa-check"></i><b>3.5.1</b> Overview</a></li>
+<li class="chapter" data-level="3.5.2" data-path="web-interface.html"><a href="web-interface.html#create-a-new-text-based-file"><i class="fa fa-check"></i><b>3.5.2</b> Create a new text-based file</a></li>
+<li class="chapter" data-level="3.5.3" data-path="web-interface.html"><a href="web-interface.html#edit-a-text-based-file"><i class="fa fa-check"></i><b>3.5.3</b> Edit a text-based file</a></li>
+<li class="chapter" data-level="3.5.4" data-path="web-interface.html"><a href="web-interface.html#uploading-a-set-of-files"><i class="fa fa-check"></i><b>3.5.4</b> Uploading a set of files</a></li>
+<li class="chapter" data-level="3.5.5" data-path="web-interface.html"><a href="web-interface.html#location-of-buttons-for-uploading"><i class="fa fa-check"></i><b>3.5.5</b> Location of buttons for uploading</a></li>
+<li class="chapter" data-level="3.5.6" data-path="web-interface.html"><a href="web-interface.html#specifying-the-directory-to-be-uploaded"><i class="fa fa-check"></i><b>3.5.6</b> Specifying the directory to be uploaded</a></li>
+<li class="chapter" data-level="3.5.7" data-path="web-interface.html"><a href="web-interface.html#committing-new-files"><i class="fa fa-check"></i><b>3.5.7</b> Committing new files</a></li>
 </ul></li>
 </ul></li>
 <li class="chapter" data-level="4" data-path="using-application-made-for-git.html"><a href="using-application-made-for-git.html"><i class="fa fa-check"></i><b>4</b> Using application made for git</a><ul>
@@ -309,48 +311,81 @@ with the commit ID being <code>b42b7633f7</code>, and with the commit message <c
 
 </div>
 </div>
-<div id="uploading-files" class="section level2">
-<h2><span class="header-section-number">3.5</span> Uploading files</h2>
-<p>The Gin web-interface allows you to:</p>
-<ul>
-<li><a href="web-interface.html#create-a-new-text-file">create</a> a new text-based file,</li>
-<li><a href="web-interface.html#edit-a-text-file">edit</a> a text-based file, or</li>
-<li><a href="web-interface.html#uploading-a-set-of-files">upload</a> a new set of files.</li>
-</ul>
-<p>All of the above procedures share some features in common:</p>
+<div id="uploading-and-editing-files" class="section level2">
+<h2><span class="header-section-number">3.5</span> Uploading and editing files</h2>
+<div id="overview" class="section level3">
+<h3><span class="header-section-number">3.5.1</span> Overview</h3>
+<p>The Gin web-interface, with all <a href="web-interface.html#location-of-buttons-for-uploading">its buttons</a>, allows you to <a href="web-interface.html#create-a-new-text-based-file">create</a> and <a href="web-interface.html#edit-a-text-based-file">edit</a> text-based files, or <a href="web-interface.html#uploading-a-set-of-files">upload files, set of files or folders</a>.</p>
+<p>In all case, one needs to <a href="web-interface.html#specifying-the-directory-to-be-uploaded">set the target for these files</a> and <a href="committing-new-files">commit new changes</a>.</p>
+
+</div>
+<div id="create-a-new-text-based-file" class="section level3">
+<h3><span class="header-section-number">3.5.2</span> Create a new text-based file</h3>
+<p>TODO</p>
+
+</div>
+<div id="edit-a-text-based-file" class="section level3">
+<h3><span class="header-section-number">3.5.3</span> Edit a text-based file</h3>
+<p>TODO</p>
+
+</div>
+<div id="uploading-a-set-of-files" class="section level3">
+<h3><span class="header-section-number">3.5.4</span> Uploading a set of files</h3>
+<p>When you click on the “Upload file” button, the file upload view will appear:</p>
+<div class="figure">
+<img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/uploading-editing/images/upload-view.png" alt="File-upload view" />
+<p class="caption">File-upload view</p>
+</div>
+<p>The dotted region in the middle of the page is the <em>upload area</em>:</p>
+<div class="figure">
+<img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/uploading-editing/images/upload-view-upload-area.png" alt="The upload area" />
+<p class="caption">The upload area</p>
+</div>
+<p>You can add the files to be uploaded by either:</p>
 <ul>
-<li>You can start both of the procedures easily by <a href="web-interface.html#location-of-the-buttons">a click of a button</a>.</li>
-<li>You can <a href="web-interface.html#specifying-the-directory-to-be-uploaded">specify the sub-directory in the repository</a> for the file(s) to be uploaded.</li>
-<li>You can <a href="web-interface.html#committing-new-files">specify the commit options</a>.</li>
+<li><strong>Clicking on the area</strong>: the file chooser dialog will appear so that you can select files from it.</li>
+<li><strong>Drag and drop</strong> individual files or a directory containing a set of files. In the latter case, you can upload the whole directory structure easily.</li>
 </ul>
-<div id="location-of-the-buttons" class="section level3">
-<h3><span class="header-section-number">3.5.1</span> Location of the buttons</h3>
+<p>In either case, the upload process will start immediately, and you will see the progress on the area:</p>
+<div class="figure">
+<img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/uploading-editing/images/upload-progress.png" alt="Progress of upload" />
+<p class="caption">Progress of upload</p>
+</div>
+<p>You can specify the directory to be uploaded from the <a href="target-directory.md">directory selector</a>.</p>
+<p>After completion of the upload processes for all files, you can proceed to finish the <a href="commit-options.md">commit process</a>.</p>
+<blockquote>
+<p>Note, by using this upload view, you can only upload 100 files at once, with each file being less than 10 GB in size. If you want to upload more files at once, or upload larger files, you will have to use the command-line interface or WinGIN.</p>
+</blockquote>
+
+</div>
+<div id="location-of-buttons-for-uploading" class="section level3">
+<h3><span class="header-section-number">3.5.5</span> Location of buttons for uploading</h3>
 <p>When the web interface shows a list of files in a repository, you can see blue buttons in the middle, above the file list.</p>
 <blockquote>
-<p>Note that, if you don’t have the “write” permission to the repository, these buttons will not appear. If you still want to create or upload files, contact the person responsible for the repository to <a href="collaboration.md">add you as a Collaborator</a>.</p>
+<p>Note that, if you don’t have the “write” permission to the repository, these buttons will not appear. If you still want to create or upload files, contact the person responsible for the repository to <a href="../collaboration.md">add you as a Collaborator</a>.</p>
 </blockquote>
 <div class="figure">
-<img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/images/upload-actions.png" alt="Where you can find the buttons for file-creation / upload" />
+<img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/uploading-editing/images/upload-actions.png" alt="Where you can find the buttons for file-creation / upload" />
 <p class="caption">Where you can find the buttons for file-creation / upload</p>
 </div>
 <p>There, you have two types of buttons:</p>
 <ul>
-<li><strong><a href="web-interface.html#uploading-a-set-of-files">“Upload file” button</a></strong>: used to upload a set of files.</li>
-<li><strong><a href="#create-new-files">“New file” button</a></strong>: used to create a new file in the repository.</li>
+<li><strong><a href="file-upload.md">“Upload file” button</a></strong>: used to upload a set of files.</li>
+<li><strong><a href="new-text-file.md">“New file” button</a></strong>: used to create a new file in the repository.</li>
 </ul>
 <div class="figure">
-<img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/images/upload-actions-buttons.png" alt="Two buttons for new files" />
+<img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/uploading-editing/images/upload-actions-buttons.png" alt="Two buttons for new files" />
 <p class="caption">Two buttons for new files</p>
 </div>
+
 </div>
-<div id="common-features-for-file-upload" class="section level3">
-<h3><span class="header-section-number">3.5.2</span> Common features for file-upload</h3>
-<p>No matter which button you use, there are some features shared in common.</p>
-<div id="specifying-the-directory-to-be-uploaded" class="section level4">
-<h4><span class="header-section-number">3.5.2.1</span> Specifying the directory to be uploaded</h4>
+<div id="specifying-the-directory-to-be-uploaded" class="section level3">
+<h3><span class="header-section-number">3.5.6</span> Specifying the directory to be uploaded</h3>
+<div id="targeting-a-new-subdirectory" class="section level4">
+<h4><span class="header-section-number">3.5.6.1</span> Targeting a (new) subdirectory</h4>
 <p>On top of the view, an empty text field will show up:</p>
 <div class="figure">
-<img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/images/directory-selector-empty.png" alt="Directory selector" />
+<img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/uploading-editing/images/directory-selector-empty.png" alt="Directory selector" />
 <p class="caption">Directory selector</p>
 </div>
 <p>This is for specifying the directory to upload the file(s).</p>
@@ -359,65 +394,33 @@ with the commit ID being <code>b42b7633f7</code>, and with the commit message <c
 <li>Enter the name of the subdirectory (within the repository) in this field:</li>
 </ul>
 <div class="figure">
-<img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/images/directory-selector-subdir.png" alt="A subdirectory is specified" />
+<img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/uploading-editing/images/directory-selector-subdir.png" alt="A subdirectory is specified" />
 <p class="caption">A subdirectory is specified</p>
 </div>
 <ul>
-<li>Gin will automatically create a new directory with the given name (in case it does not exist) as you <a href="web-interface.html#committing-new-files">commit uploads (see the section below)</a>:</li>
+<li>Gin will automatically create a new directory with the given name (in case it does not exist) as you <a href="commit-options.md">commit uploads</a>:</li>
 </ul>
 <div class="figure">
-<img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/images/created-subdir.png" alt="Created subdirectory" />
+<img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/uploading-editing/images/created-subdir.png" alt="Created subdirectory" />
 <p class="caption">Created subdirectory</p>
 </div>
 <ul>
 <li>Inside the subdirectory, you will find the uploaded file(s):</li>
 </ul>
 <div class="figure">
-<img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/images/subdir-content.png" alt="The uploaded file in the sub-directory" />
+<img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/uploading-editing/images/subdir-content.png" alt="The uploaded file in the sub-directory" />
 <p class="caption">The uploaded file in the sub-directory</p>
 </div>
-<p>You can also specify the <em>path</em> to the directory of interest, by connecting a hierarchy of directories by a <code>/</code> (slash):</p>
-<p>TODO</p>
 </div>
-<div id="committing-new-files" class="section level4">
-<h4><span class="header-section-number">3.5.2.2</span> Committing new files</h4>
+<div id="specifying-a-directory-path" class="section level4">
+<h4><span class="header-section-number">3.5.6.2</span> Specifying a directory path</h4>
+<p>You can also specify the <em>path</em> to the directory of interest, by connecting a hierarchy of directories by a <code>/</code> (slash):</p>
 <p>TODO</p>
+
 </div>
 </div>
-<div id="uploading-a-set-of-files" class="section level3">
-<h3><span class="header-section-number">3.5.3</span> Uploading a set of files</h3>
-<p>When you click on the “Upload file” button, the file upload view will appear:</p>
-<div class="figure">
-<img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/images/upload-view.png" alt="File-upload view" />
-<p class="caption">File-upload view</p>
-</div>
-<p>The dotted region in the middle of the page is the <em>upload area</em>:</p>
-<div class="figure">
-<img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/images/upload-view-upload-area.png" alt="The upload area" />
-<p class="caption">The upload area</p>
-</div>
-<p>You can add the files to be uploaded by either:</p>
-<ul>
-<li><strong>Clicking on the area</strong>: the file chooser dialog will appear so that you can select files from it.</li>
-<li><strong>Drag and drop</strong> individual files or a directory containing a set of files. In the latter case, you can upload the whole directory structure easily.</li>
-</ul>
-<p>In either case, the upload process will start immediately, and you will see the progress on the area:</p>
-<div class="figure">
-<img src="https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/images/upload-progress.png" alt="Progress of upload" />
-<p class="caption">Progress of upload</p>
-</div>
-<p>You can specify the directory to be uploaded from the <a href="web-interface.html#specifying-the-directory-to-be-uploaded">directory selector (see the section above)</a>.</p>
-<p>After completion of the upload processes for all files, you can proceed to finish the <a href="web-interface.html#committing-new-files">commit process (see the section above)</a>.</p>
-<blockquote>
-<p>Note, by using this upload view, you can only upload 100 files at once, with each file being less than 10 GB in size. If you want to upload more files at once, or upload larger files, you will have to use the command-line interface or WinGIN.</p>
-</blockquote>
-</div>
-<div id="create-a-new-text-file" class="section level3">
-<h3><span class="header-section-number">3.5.4</span> Create a new (text) file</h3>
-<p>TODO</p>
-</div>
-<div id="edit-a-text-file" class="section level3">
-<h3><span class="header-section-number">3.5.5</span> Edit a (text) file</h3>
+<div id="committing-new-files" class="section level3">
+<h3><span class="header-section-number">3.5.7</span> Committing new files</h3>
 <p>TODO</p>
 
 </div>

+ 1 - 0
web-interface/cannot-see-a-repo.md

@@ -1,4 +1,5 @@
 # Web interface
+
 ## Cannot see a repository?
 
 So often, you try to visit a repository, and find something like below:

+ 1 - 1
web-interface/uploading-editing/commit-options.md

@@ -1,4 +1,4 @@
-# Committing new files
+### Committing new files
 
 TODO
 

+ 1 - 1
web-interface/uploading-editing/edit-text-file.md

@@ -1,3 +1,3 @@
-# Edit a text-based file
+### Edit a text-based file
 
 TODO

+ 4 - 4
web-interface/uploading-editing/file-upload.md

@@ -1,12 +1,12 @@
-## Uploading a set of files
+### Uploading a set of files
 
 When you click on the "Upload file" button, the file upload view will appear:
 
-![File-upload view](images/upload-view.png)
+![File-upload view](https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/uploading-editing/images/upload-view.png)
 
 The dotted region in the middle of the page is the _upload area_:
 
-![The upload area](images/upload-view-upload-area.png)
+![The upload area](https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/uploading-editing/images/upload-view-upload-area.png)
 
 You can add the files to be uploaded by either:
 
@@ -15,7 +15,7 @@ You can add the files to be uploaded by either:
 
 In either case, the upload process will start immediately, and you will see the progress on the area:
 
-![Progress of upload](images/upload-progress.png)
+![Progress of upload](https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/uploading-editing/images/upload-progress.png)
 
 You can specify the directory to be uploaded from the [directory selector](target-directory.md).
 

+ 3 - 13
web-interface/uploading-editing/index.md

@@ -1,19 +1,9 @@
 ## Uploading and editing files
 
-### Available file actions
 
-The Gin web-interface allows you to:
+### Overview
 
-- [Create a new text-based file](#Create a new text-based file)
-- [Edit a text-based file](#Edit a text-based file)
-- [Uploading a set of files](#Uploading a set of files)
-
-### Common features for uploading
-
-No matter which button you use, there are some features shared in common.
-
-- [Location of buttons for uploading/creating files](location-of-buttons.md)
-- [Specifying the directory to be uploaded](target-directory.md)
-- [Committing new files](commit-options.md)
 
+The Gin web-interface, with all [its buttons](#location-of-buttons-for-uploading), allows you to [create](#create-a-new-text-based-file) and [edit](#edit-a-text-based-file) text-based files, or [upload files, set of files or folders](#uploading-a-set-of-files).
 
+In all case, one needs to [set the target for these files](#specifying-the-directory-to-be-uploaded) and [commit new changes](committing-new-files).

+ 3 - 3
web-interface/uploading-editing/location-of-buttons.md

@@ -1,10 +1,10 @@
-# Location of buttons for uploading
+### Location of buttons for uploading
 
 When the web interface shows a list of files in a repository, you can see blue buttons in the middle, above the file list.
 
 > Note that, if you don't have the "write" permission to the repository, these buttons will not appear. If you still want to create or upload files, contact the person responsible for the repository to [add you as a Collaborator](../collaboration.md).
 
-![Where you can find the buttons for file-creation / upload](images/upload-actions.png)
+![Where you can find the buttons for file-creation / upload](https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/uploading-editing/images/upload-actions.png)
 
 There, you have two types of buttons:
 
@@ -12,5 +12,5 @@ There, you have two types of buttons:
 - **["New file" button](new-text-file.md)**: used to create a new file in the repository.
 
 
-![Two buttons for new files](images/upload-actions-buttons.png)
+![Two buttons for new files](https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/uploading-editing/images/upload-actions-buttons.png)
 

+ 1 - 1
web-interface/uploading-editing/new-text-file.md

@@ -1,4 +1,4 @@
-# Create a new text-based file
+### Create a new text-based file
 
 TODO
 

+ 7 - 7
web-interface/uploading-editing/target-directory.md

@@ -1,10 +1,10 @@
-# Specifying the directory to be uploaded
+### Specifying the directory to be uploaded
 
-## Targeting a (new) subdirectory
+#### Targeting a (new) subdirectory
 
 On top of the view, an empty text field will show up:
 
-![Directory selector](images/directory-selector-empty.png)
+![Directory selector](https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/uploading-editing/images/directory-selector-empty.png)
 
 This is for specifying the directory to upload the file(s).
 
@@ -12,17 +12,17 @@ For instance:
 
 - Enter the name of the subdirectory (within the repository) in this field:
 
-![A subdirectory is specified](images/directory-selector-subdir.png)
+![A subdirectory is specified](https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/uploading-editing/images/directory-selector-subdir.png)
 
 -  Gin will automatically create a new directory with the given name (in case it does not exist) as you [commit uploads](commit-options.md):
 
- ![Created subdirectory](images/created-subdir.png)
+ ![Created subdirectory](https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/uploading-editing/images/created-subdir.png)
 
 - Inside the subdirectory, you will find the uploaded file(s):
 
-![The uploaded file in the sub-directory](images/subdir-content.png)
+![The uploaded file in the sub-directory](https://gin.g-node.org/larkumlab/Dealing_with_Gin/raw/book/web-interface/uploading-editing/images/subdir-content.png)
 
-## Specifying a directory path
+#### Specifying a directory path
 
 You can also specify the _path_ to the directory of interest, by connecting a hierarchy of directories by a `/` (slash):