[Sorry!] Update screenshots, Software Manual, Setup page (#465)

* Update en-Software-Manual.md for new screenshots and added features. Remove some screens. * Create en-Server-Admin-Manual.md Blank initial draft * Update wiki.css to add clears and TOC styling.
jamulussoftware · May 9, 2021 · a56ec09 · a56ec09
1 parent 150c92b
commit a56ec09
Show file tree

Hide file tree

Showing 28 changed files with 151 additions and 112 deletions.
diff --git a/assets/css/wiki.css b/assets/css/wiki.css
@@ -10,6 +10,7 @@
   margin-top: 0;
   line-height: 1.5em;
   border-bottom: 3px solid;
+  clear: both;
 }
 
 .wikisite main h2 {
@@ -44,6 +45,7 @@
 figure img {
   display: block;
   border-radius: 5px;
+  clear: both;
 }
 
 figcaption {
@@ -65,3 +67,19 @@ figcaption {
     color: #1b90b5;
   }
 }
+
+details {
+  font: 16px;
+  font-style: bold;
+  width: 620px;
+}
+
+details > summary {
+  font-size: 20px;
+  padding: 5px 6px;
+  width: 15em;
+  background-color: #eaf8fd;
+  border: none;
+  color: #1882A1;
+  cursor: pointer;
+}
diff --git a/assets/img/en-screenshots/asio-setup-button.png b/assets/img/en-screenshots/asio-setup-button.png
diff --git a/assets/img/en-screenshots/audio-channels.png b/assets/img/en-screenshots/audio-channels.png
diff --git a/assets/img/en-screenshots/audio-quality.png b/assets/img/en-screenshots/audio-quality.png
diff --git a/assets/img/en-screenshots/buffer-delay-2.png b/assets/img/en-screenshots/buffer-delay-2.png
diff --git a/assets/img/en-screenshots/buffer-delay.png b/assets/img/en-screenshots/buffer-delay.png
diff --git a/assets/img/en-screenshots/chat-window.png b/assets/img/en-screenshots/chat-window.png
diff --git a/assets/img/en-screenshots/connection-status.png b/assets/img/en-screenshots/connection-status.png
diff --git a/assets/img/en-screenshots/device-select-mac.png b/assets/img/en-screenshots/device-select-mac.png
diff --git a/assets/img/en-screenshots/device-select-windows.png b/assets/img/en-screenshots/device-select-windows.png
diff --git a/assets/img/en-screenshots/directory-custom.png b/assets/img/en-screenshots/directory-custom.png
diff --git a/assets/img/en-screenshots/fancy-skin.png b/assets/img/en-screenshots/fancy-skin.png
diff --git a/assets/img/en-screenshots/input-level.png b/assets/img/en-screenshots/input-level.png
diff --git a/assets/img/en-screenshots/jitter-buffer.png b/assets/img/en-screenshots/jitter-buffer.png
diff --git a/assets/img/en-screenshots/main-screen-default.png b/assets/img/en-screenshots/main-screen-default.png
diff --git a/assets/img/en-screenshots/main-screen-medium.png b/assets/img/en-screenshots/main-screen-medium.png
diff --git a/assets/img/en-screenshots/main-screen-small.png b/assets/img/en-screenshots/main-screen-small.png
diff --git a/assets/img/en-screenshots/new-client-level.png b/assets/img/en-screenshots/new-client-level.png
diff --git a/assets/img/en-screenshots/pan-slider.png b/assets/img/en-screenshots/pan-slider.png
diff --git a/assets/img/en-screenshots/profile-window.png b/assets/img/en-screenshots/profile-window.png
diff --git a/assets/img/en-screenshots/reverb.png b/assets/img/en-screenshots/reverb.png
diff --git a/assets/img/en-screenshots/settings-advanced.png b/assets/img/en-screenshots/settings-advanced.png
diff --git a/assets/img/en-screenshots/settings-network.png b/assets/img/en-screenshots/settings-network.png
diff --git a/assets/img/en-screenshots/settings-profile.png b/assets/img/en-screenshots/settings-profile.png
diff --git a/assets/img/en-screenshots/settings-window.png b/assets/img/en-screenshots/settings-window.png
diff --git a/wiki/en/en-Server-Admin-Manual.md b/wiki/en/en-Server-Admin-Manual.md
@@ -0,0 +1,9 @@
+---
+layout: wiki
+title: "Server Adminstrator's Manual"
+lang: "en"
+permalink: "/wiki/Server-Admin-Manual"
+---
+
+# Jamulus Server Administrator Manual
+
diff --git a/wiki/en/en-Setup.md b/wiki/en/en-Setup.md
@@ -29,7 +29,7 @@ And for now, close all other applications. It’s best to start simple at first.
 When you open Jamulus, you will see a window which looks like this:
 
 <figure>
-  <img src="{{site.url}}/assets/img/en-screenshots/main-screen-default.png" loading="lazy" alt="Screenshot" style="width:100%; float:none;">
+  <img src="{{site.url}}/assets/img/en-screenshots/main-screen-default.png" loading="lazy" alt="Screenshot" style="border: 5px solid grey;">
   <figcaption>The main window before you connect to a server</figcaption>
 </figure>
 
@@ -39,7 +39,7 @@ When you open Jamulus, you will see a window which looks like this:
 First, let others know who you are. Click on “View” (bar on the top) > “My Profile…” Now you will see this:
 
 <figure>
-  <img src="{{site.url}}/assets/img/en-screenshots/profile-window.png" loading="lazy" alt="Screenshot" style="width:100%; float:none;">
+  <img src="{{site.url}}/assets/img/en-screenshots/settings-profile.png" loading="lazy" alt="Screenshot" style="border: 5px solid grey;">
   <figcaption>Let people know who you are</figcaption>
 </figure>
 
@@ -55,7 +55,7 @@ Before you connect to a server, you should **not** be able to hear yourself.  Li
 Now use the “Connect” button in the Jamulus main window to join a server. A window will now open:
 
 <figure>
-  <img src="{{site.url}}/assets/img/en-screenshots/connection-setup-window.png" loading="lazy" alt="Screenshot" style="width:100%; float:none;">
+  <img src="{{site.url}}/assets/img/en-screenshots/connection-setup-window.png" loading="lazy" alt="Screenshot" style="border: 5px solid grey;">
   <figcaption>Connect to a server</figcaption>
 </figure>
 
@@ -68,7 +68,7 @@ Once connected to a server, make sure you can hear yourself OK and fix any input
 With your sound all set up, you are ready to go. When you connect to a server (you may want to select a genre from the list), the faders you see on the right are your own personal mix. Everything you change here will change what you hear, but won’t affect others. If you move a fader down, that channel will be quieter, if you move it up, the channel will be louder for you.
 
 <figure>
-  <img src="{{site.url}}/assets/img/en-screenshots/main-screen-medium.png" loading="lazy" alt="Screenshot" style="width:100%; float:none;">
+  <img src="{{site.url}}/assets/img/en-screenshots/main-screen-medium.png" loading="lazy" alt="Screenshot" style="border: 5px solid grey;">
   <figcaption>The main window when you are connected to a sever</figcaption>
 </figure>
 

diff --git a/wiki/en/en-Software-Manual.md b/wiki/en/en-Software-Manual.md