diff --git a/images/deploy.png b/images/deploy.png
deleted file mode 100644
index 3be730d995..0000000000
Binary files a/images/deploy.png and /dev/null differ
diff --git a/images/icons/emoticons/forbidden.png b/images/icons/emoticons/forbidden.png
deleted file mode 100644
index 53bf0a2578..0000000000
Binary files a/images/icons/emoticons/forbidden.png and /dev/null differ
diff --git a/images/icons/emoticons/forbidden.svg b/images/icons/emoticons/forbidden.svg
new file mode 100644
index 0000000000..52a8ab3ee8
--- /dev/null
+++ b/images/icons/emoticons/forbidden.svg
@@ -0,0 +1,1132 @@
+
+
+
diff --git a/images/icons/emoticons/information.png b/images/icons/emoticons/information.png
deleted file mode 100644
index b1a5125f47..0000000000
Binary files a/images/icons/emoticons/information.png and /dev/null differ
diff --git a/images/icons/emoticons/information.svg b/images/icons/emoticons/information.svg
new file mode 100644
index 0000000000..3a43f1128d
--- /dev/null
+++ b/images/icons/emoticons/information.svg
@@ -0,0 +1,252 @@
+
+
+
diff --git a/images/icons/emoticons/warning.png b/images/icons/emoticons/warning.png
deleted file mode 100644
index 44860ab8e7..0000000000
Binary files a/images/icons/emoticons/warning.png and /dev/null differ
diff --git a/images/icons/emoticons/warning.svg b/images/icons/emoticons/warning.svg
new file mode 100644
index 0000000000..61b20b0b39
--- /dev/null
+++ b/images/icons/emoticons/warning.svg
@@ -0,0 +1,65 @@
+
+
+
diff --git a/images/ios.jpeg b/images/ios.jpeg
index 48873882c7..974c6cd343 100644
Binary files a/images/ios.jpeg and b/images/ios.jpeg differ
diff --git a/images/tutorials.png b/images/tutorials.png
deleted file mode 100644
index 81d998370f..0000000000
Binary files a/images/tutorials.png and /dev/null differ
diff --git a/markdown/deploying/multiplatform-using-cerbero.md b/markdown/deploying/multiplatform-using-cerbero.md
index ff69484fbb..009c9e39ea 100644
--- a/markdown/deploying/multiplatform-using-cerbero.md
+++ b/markdown/deploying/multiplatform-using-cerbero.md
@@ -356,4 +356,4 @@ the dependencies and your software). The resulting files will be in the
current working directory.
- [warning]: images/icons/emoticons/warning.png
+ [warning]: images/icons/emoticons/warning.svg
diff --git a/markdown/installing/building-from-source-using-cerbero.md b/markdown/installing/building-from-source-using-cerbero.md
index 189d1eb5c3..05f3f40eed 100644
--- a/markdown/installing/building-from-source-using-cerbero.md
+++ b/markdown/installing/building-from-source-using-cerbero.md
@@ -235,7 +235,7 @@ To cross compile for iOS from OS X, use the configuration file
cerbero -c config/cross-ios-universal.cbc
- [Warning]: images/icons/emoticons/warning.png
+ [Warning]: images/icons/emoticons/warning.svg
[Python 3.5+]: https://www.python.org/downloads/
[Git]: https://github.com/git-for-windows/git/releases/latest
[Msys/MinGW]: https://sourceforge.net/projects/mingw/files/Installer/mingw-get-inst/
diff --git a/markdown/installing/for-android-development.md b/markdown/installing/for-android-development.md
index 5c2d0bbf08..1a1528b5a2 100644
--- a/markdown/installing/for-android-development.md
+++ b/markdown/installing/for-android-development.md
@@ -1,6 +1,6 @@
# Installing for Android development
-![information] All versions starting from 2.3.1 Gingerbread are supported
+> ![information] All versions starting from 2.3.1 Gingerbread are supported
## Prerequisites
@@ -340,14 +340,14 @@ and used as follows:
Build and run your application as explained in the [Building the tutorials] section.
- [information]: images/icons/emoticons/information.png
+ [information]: images/icons/emoticons/information.svg
[Android SDK]: http://developer.android.com/sdk/index.html
[Android NDK]: http://developer.android.com/tools/sdk/ndk/index.html
[Java Native Interface]: http://en.wikipedia.org/wiki/Java_Native_Interface
[Android JNI tips here]: http://developer.android.com/guide/practices/jni.html
[prebuilt binaries]: https://gstreamer.freedesktop.org/data/pkg/android/
[language bindings]: http://en.wikipedia.org/wiki/Language_binding
- [warning]: images/icons/emoticons/warning.png
+ [warning]: images/icons/emoticons/warning.svg
[Android NDK System Requirements]: http://developer.android.com/tools/sdk/ndk/index.html#Reqs
[this project]: http://code.google.com/p/mingw-and-ndk/downloads/detail?name=android-ndk-r8b-ma-windows.7z&can=2&q=
[7-Zip archiving utility]: http://www.7-zip.org/
diff --git a/markdown/installing/for-ios-development.md b/markdown/installing/for-ios-development.md
index 415b4b456a..8973b1f747 100644
--- a/markdown/installing/for-ios-development.md
+++ b/markdown/installing/for-ios-development.md
@@ -1,6 +1,6 @@
# Installing for iOS development
- All versions starting from iOS 6 are supported
+ All versions starting from iOS 6 are supported
### Prerequisites
diff --git a/markdown/installing/index.md b/markdown/installing/index.md
index 8d822654bd..a132cf64f3 100644
--- a/markdown/installing/index.md
+++ b/markdown/installing/index.md
@@ -10,14 +10,5 @@ short-description: Download and install GStreamer
[](installing/on-windows.md)
[](installing/for-android-development.md)
[](installing/for-ios-development.md)
+[](installing/on-linux.md)
-## Linux
-
-The GStreamer community does not provide binaries for GNU/Linux
-platforms as it will always be available through package managers on
-all distribution. It is also always installed by default on desktop
-environments, you will just need to make sure you have the development
-packages installed (refer to your distribution documentation for more
-information). If you really want to run upstream style binaries on
-Linux, you can always follow the instructions to [build from source
-using cerbero](installing/building-from-source-using-cerbero.md).
diff --git a/markdown/installing/on-linux.md b/markdown/installing/on-linux.md
index a99f197fcb..54726c30a1 100644
--- a/markdown/installing/on-linux.md
+++ b/markdown/installing/on-linux.md
@@ -7,7 +7,7 @@ GStreamer is included in all Linux distributions. We recommend using the latest
All the commands given in this section are intended to be typed in from
a terminal.
-> 
+> 
Make sure you have superuser (root) access rights to install GStreamer.
## Install GStreamer on Fedora
@@ -64,7 +64,7 @@ gcc basic-tutorial-1.c -o basic-tutorial-1 `pkg-config --cflags --libs gstreamer
Using the file name of the tutorial you are interested in
(`basic-tutorial-1` in this example).
->  Depending on the GStreamer libraries you need to use, you will have to add more packages to the `pkg-config` command, besides `gstreamer-1.0`
+>  Depending on the GStreamer libraries you need to use, you will have to add more packages to the `pkg-config` command, besides `gstreamer-1.0`
> At the bottom of each tutorial's source code you will find the command for that specific tutorial, including the required libraries, in the required order.
> When developing your own applications, the GStreamer documentation will tell you what library a function belongs to.
diff --git a/markdown/installing/on-mac-osx.md b/markdown/installing/on-mac-osx.md
index da4dc9affe..832b345ab1 100644
--- a/markdown/installing/on-mac-osx.md
+++ b/markdown/installing/on-mac-osx.md
@@ -35,7 +35,7 @@ There are 3 sets of files in the SDK:
Get **both the runtime and the development installers** from [here](https://gstreamer.freedesktop.org/data/pkg/osx/).
-> 
+> 
> On Mac OS X 10.6 (Snow Leopard) you have to install Python 2.7 manually. It is included in later versions of OS X already. You can get it from [here](http://www.python.org/getit).
The downloads are
diff --git a/markdown/installing/on-windows.md b/markdown/installing/on-windows.md
index 8a691bcb5d..5bc7a55964 100644
--- a/markdown/installing/on-windows.md
+++ b/markdown/installing/on-windows.md
@@ -59,7 +59,7 @@ your architecture from here:
Execute the installers and choose an installation folder. The suggested
default is usually OK.
-> 
+> 
>`If you plan to use Visual Studio, **close it before installing GStreamer**. The installer will define new environment variables which will not be picked up by Visual Studio if it is open.
> On **Windows 8** and **Windows 10**, it might be necessary to log out and log back in to your account after the installation for the newly defined environment variables to be picked up by Visual Studio.
@@ -104,7 +104,7 @@ make sure Visual Studio has the necessary permissions to write the
output files, copy the entire `tutorials` folder to a place of your
liking, and work from there.
-> 
+> 
> **64-bit Users**
>
>Use `%GSTREAMER_ROOT_X86_64%` if you have installed GStreamer binaries for 64-bit platforms. Both GStreamer binaries (32 and 64-bit) can be installed simultaneously, and hence the separate environment variables.
@@ -172,7 +172,7 @@ default.
-> 
+> 
> **Depending on the GStreamer libraries you need to use, you will have to add more property pages, besides `gstreamer-1.0`** (each property page corresponds to one GStreamer library).
>
> The tutorial's project files already contain all necessary property pages. When developing your own applications, the GStreamer documentation will tell you what library a function belongs to, and therefore, what property pages you need to add.
@@ -213,7 +213,7 @@ sheet found in `%GSTREAMER_ROOT_X86%``\``share\vs\2010\msvc` to your
project. This will make your application use the ubiquitous
`MSVCRT.DLL` saving you some troubles in the future.
-> 
+> 
> If you did not install the WinDDK to the standard path `C:\WinDDK\7600.16385.1`, you will need to tell Visual Studio where it is. Unfortunately, there is no automated way to do this. Once you have added the `x86.props` or `x86_64.props` to your project, go to the Property Manager, expand your project and its subfolders until you find the property sheet called `config`. Double click to edit it, and select the section called “User Macros” in the list on the left. You should see a macro called `WINDOWS_DRIVER_KIT`. Double click to edit it, and set its value to the root folder where you installed the DDK. This is the folder containing a file called `samples.txt`.
>
>That's it. Accept the changes, right click on the `config` property sheet and select “Save”. The path to the DDK is now stored in `config.props` and you do not need to perform this operation anymore.
diff --git a/markdown/tools/gst-inspect.md b/markdown/tools/gst-inspect.md
index 08cd9c5af6..006af28588 100644
--- a/markdown/tools/gst-inspect.md
+++ b/markdown/tools/gst-inspect.md
@@ -184,4 +184,4 @@ should produce:
flags: readable, writable
Boolean. Default: false
- [information]: images/icons/emoticons/information.png
+ [information]: images/icons/emoticons/information.svg
diff --git a/markdown/tools/gst-launch.md b/markdown/tools/gst-launch.md
index 9149d57019..3362f2322f 100644
--- a/markdown/tools/gst-launch.md
+++ b/markdown/tools/gst-launch.md
@@ -475,4 +475,4 @@ out which part of the code caused that warning to be triggered and under what
circumstances. Simply set `G_DEBUG` as mentioned above and run the program under
gdb (or let it core dump). Then get a stack trace in the usual way.
- [information]: images/icons/emoticons/information.png
+ [information]: images/icons/emoticons/information.svg
diff --git a/markdown/tutorials/android/media-player.md b/markdown/tutorials/android/media-player.md
index 4b453cfdbf..faf65aae90 100644
--- a/markdown/tutorials/android/media-player.md
+++ b/markdown/tutorials/android/media-player.md
@@ -1409,4 +1409,4 @@ here into an acceptable Android media player.
As usual, it has been a pleasure having you here, and see you soon!
[screenshot]: images/tutorials/android-media-player-screenshot.png
- [information]: images/icons/emoticons/information.png
\ No newline at end of file
+ [information]: images/icons/emoticons/information.svg
\ No newline at end of file
diff --git a/markdown/tutorials/basic/concepts.md b/markdown/tutorials/basic/concepts.md
index d93fe29fcc..e99bb0cda6 100644
--- a/markdown/tutorials/basic/concepts.md
+++ b/markdown/tutorials/basic/concepts.md
@@ -101,7 +101,7 @@ int main(int argc, char *argv[]) {
}
```
-> 
+> 
> Need help?
>
> If you need help to compile this code, refer to the **Building the tutorials** section for your platform: [Linux](installing/on-linux.md#InstallingonLinux-Build), [Mac OS X](installing/on-mac-osx.md#InstallingonMacOSX-Build) or [Windows](installing/on-windows.md#InstallingonWindows-Build), or use this specific command on Linux:
diff --git a/markdown/tutorials/basic/dynamic-pipelines.md b/markdown/tutorials/basic/dynamic-pipelines.md
index 82e0638e3a..76ef613ce2 100644
--- a/markdown/tutorials/basic/dynamic-pipelines.md
+++ b/markdown/tutorials/basic/dynamic-pipelines.md
@@ -237,7 +237,7 @@ exit:
}
```
-> 
+> 
> Need help?
>
> If you need help to compile this code, refer to the **Building the tutorials** section for your platform: [Linux](installing/on-linux.md#InstallingonLinux-Build), [Mac OS X](installing/on-mac-osx.md#InstallingonMacOSX-Build) or [Windows](installing/on-windows.md#InstallingonWindows-Build), or use this specific command on Linux:
diff --git a/markdown/tutorials/basic/gstreamer-tools.md b/markdown/tutorials/basic/gstreamer-tools.md
index 5cb5470535..1b815a72c3 100644
--- a/markdown/tutorials/basic/gstreamer-tools.md
+++ b/markdown/tutorials/basic/gstreamer-tools.md
@@ -25,7 +25,7 @@ GStreamer](installing/index.md) section to find our where this is),
and you are ready to start typing the commands given in this tutorial.
-> 
+> 
>
> On Linux, you should use the GStreamer version installed with your
> distribution, the tools should be installed with a package named `gstreamer1`
diff --git a/markdown/tutorials/basic/handy-elements.md b/markdown/tutorials/basic/handy-elements.md
index a0661c7b27..49b805814b 100644
--- a/markdown/tutorials/basic/handy-elements.md
+++ b/markdown/tutorials/basic/handy-elements.md
@@ -221,7 +221,7 @@ It is useful in situations where the timestamps are going to be lost
will require all samples to be present. It is cumbersome to exemplify
this, so no example is given.
-
+
Most of the time, `audiorate` is not what you want.
## Multithreading
diff --git a/markdown/tutorials/basic/hello-world.md b/markdown/tutorials/basic/hello-world.md
index 9f548d14f5..40e6569dd7 100644
--- a/markdown/tutorials/basic/hello-world.md
+++ b/markdown/tutorials/basic/hello-world.md
@@ -224,7 +224,7 @@ It has been a pleasure having you here, and see you soon!
[Installing on Linux]: installing/on-linux.md
[Installing on Mac OS X]: installing/on-mac-osx.md
[Installing on Windows]: installing/on-windows.md
- [Information]: images/icons/emoticons/information.png
+ [Information]: images/icons/emoticons/information.svg
[Linux]: installing/on-linux.md#InstallingonLinux-Build
[Mac OS X]: installing/on-mac-osx.md#InstallingonMacOSX-Build
[Windows]: installing/on-windows.md#InstallingonWindows-Build
diff --git a/markdown/tutorials/basic/media-formats-and-pad-capabilities.md b/markdown/tutorials/basic/media-formats-and-pad-capabilities.md
index 5bf66e3414..534b322285 100644
--- a/markdown/tutorials/basic/media-formats-and-pad-capabilities.md
+++ b/markdown/tutorials/basic/media-formats-and-pad-capabilities.md
@@ -332,7 +332,7 @@ int main(int argc, char *argv[]) {
}
```
-> 
+> 
> Need help?
>
> If you need help to compile this code, refer to the **Building the tutorials** section for your platform: [Linux](installing/on-linux.md#InstallingonLinux-Build), [Mac OS X](installing/on-mac-osx.md#InstallingonMacOSX-Build) or [Windows](installing/on-windows.md#InstallingonWindows-Build), or use this specific command on Linux:
diff --git a/markdown/tutorials/basic/media-information-gathering.md b/markdown/tutorials/basic/media-information-gathering.md
index dc23e8d462..1cd98872d2 100644
--- a/markdown/tutorials/basic/media-information-gathering.md
+++ b/markdown/tutorials/basic/media-information-gathering.md
@@ -297,7 +297,7 @@ int main (int argc, char **argv) {
```
-> 
+> 
> Need help?
>
> If you need help to compile this code, refer to the **Building the tutorials** section for your platform: [Linux](installing/on-linux.md#InstallingonLinux-Build), [Mac OS X](installing/on-mac-osx.md#InstallingonMacOSX-Build) or [Windows](installing/on-windows.md#InstallingonWindows-Build), or use this specific command on Linux:
diff --git a/markdown/tutorials/basic/multithreading-and-pad-availability.md b/markdown/tutorials/basic/multithreading-and-pad-availability.md
index a64bf75757..cac4470de6 100644
--- a/markdown/tutorials/basic/multithreading-and-pad-availability.md
+++ b/markdown/tutorials/basic/multithreading-and-pad-availability.md
@@ -174,7 +174,7 @@ int main(int argc, char *argv[]) {
}
```
-> 
+> 
> Need help?
>
> If you need help to compile this code, refer to the **Building the tutorials** section for your platform: [Linux](installing/on-linux.md#InstallingonLinux-Build), [Mac OS X](installing/on-mac-osx.md#InstallingonMacOSX-Build) or [Windows](installing/on-windows.md#InstallingonWindows-Build), or use this specific command on Linux:
@@ -250,7 +250,7 @@ This code block adds all elements to the pipeline and then links the
ones that can be automatically linked (the ones with Always Pads, as the
comment says).
-> 
+> 
> `gst_element_link_many()` can actually link elements with Request Pads. It internally requests the Pads so you do not have worry about the elements being linked having Always or Request Pads. Strange as it might seem, this is actually inconvenient, because you still need to release the requested Pads afterwards, and, if the Pad was requested automatically by `gst_element_link_many()`, it is easy to forget. Stay out of trouble by always requesting Request Pads manually, as shown in the next code block.
``` c
diff --git a/markdown/tutorials/basic/playback-speed.md b/markdown/tutorials/basic/playback-speed.md
index 77b4a22f33..025d6fdb8f 100644
--- a/markdown/tutorials/basic/playback-speed.md
+++ b/markdown/tutorials/basic/playback-speed.md
@@ -213,7 +213,7 @@ int main(int argc, char *argv[]) {
```
-> 
+> 
> Need help?
>
> If you need help to compile this code, refer to the **Building the tutorials** section for your platform: [Linux](installing/on-linux.md#InstallingonLinux-Build), [Mac OS X](installing/on-mac-osx.md#InstallingonMacOSX-Build) or [Windows](installing/on-windows.md#InstallingonWindows-Build), or use this specific command on Linux:
@@ -360,7 +360,7 @@ just like before.
And with this we are done. When testing this tutorial, keep in mind that
backward playback is not optimal in many elements.
-> 
+> 
>
>Changing the playback rate might only work with local files. If you cannot modify it, try changing the URI passed to `playbin` in line 114 to a local URI, starting with `file:///`
diff --git a/markdown/tutorials/basic/short-cutting-the-pipeline.md b/markdown/tutorials/basic/short-cutting-the-pipeline.md
index 736fae37c3..7a3540d2bf 100644
--- a/markdown/tutorials/basic/short-cutting-the-pipeline.md
+++ b/markdown/tutorials/basic/short-cutting-the-pipeline.md
@@ -329,7 +329,7 @@ int main(int argc, char *argv[]) {
}
```
-> 
+> 
> Need help?
>
> If you need help to compile this code, refer to the **Building the tutorials** section for your platform: [Linux](installing/on-linux.md#InstallingonLinux-Build), [Mac OS X](installing/on-mac-osx.md#InstallingonMacOSX-Build) or [Windows](installing/on-windows.md#InstallingonWindows-Build), or use this specific command on Linux:
diff --git a/markdown/tutorials/basic/streaming.md b/markdown/tutorials/basic/streaming.md
index 34a08dec57..331bf91176 100644
--- a/markdown/tutorials/basic/streaming.md
+++ b/markdown/tutorials/basic/streaming.md
@@ -153,7 +153,7 @@ int main(int argc, char *argv[]) {
}
```
-> 
+> 
> Need help?
>
> If you need help to compile this code, refer to the **Building the tutorials** section for your platform: [Linux](installing/on-linux.md#InstallingonLinux-Build), [Mac OS X](installing/on-mac-osx.md#InstallingonMacOSX-Build) or [Windows](installing/on-windows.md#InstallingonWindows-Build), or use this specific command on Linux:
diff --git a/markdown/tutorials/basic/time-management.md b/markdown/tutorials/basic/time-management.md
index aca6316ec8..9d649fda36 100644
--- a/markdown/tutorials/basic/time-management.md
+++ b/markdown/tutorials/basic/time-management.md
@@ -193,7 +193,7 @@ static void handle_message (CustomData *data, GstMessage *msg) {
}
```
-> 
+> 
> Need help?
>
> If you need help to compile this code, refer to the **Building the tutorials** section for your platform: [Linux](installing/on-linux.md#InstallingonLinux-Build), [Mac OS X](installing/on-mac-osx.md#InstallingonMacOSX-Build) or [Windows](installing/on-windows.md#InstallingonWindows-Build), or use this specific command on Linux:
diff --git a/markdown/tutorials/basic/toolkit-integration.md b/markdown/tutorials/basic/toolkit-integration.md
index 88fa6d141e..afb9691655 100644
--- a/markdown/tutorials/basic/toolkit-integration.md
+++ b/markdown/tutorials/basic/toolkit-integration.md
@@ -38,7 +38,7 @@ comes through the `GstVideoOverlay` interface, that allows the application to
tell a video sink the handler of the window that should receive the
rendering.
-> 
+> 
> **GObject interfaces**
>
> A `GObject` *interface* (which GStreamer uses) is a set of functions that an element can implement. If it does, then it is said to support that particular interface. For example, video sinks usually create their own windows to display video, but, if they are also capable of rendering to an external window, they can choose to implement the `GstVideoOverlay` interface and provide functions to specify this external window. From the application developer point of view, if a certain interface is supported, you can use it and forget about which kind of element is implementing it. Moreover, if you are using `playbin`, it will automatically expose some of the interfaces supported by its internal elements: You can use your interface functions directly on `playbin` without knowing who is implementing them!
@@ -452,7 +452,7 @@ int main(int argc, char *argv[]) {
}
```
-> 
+> 
> Need help?
>
> If you need help to compile this code, refer to the **Building the tutorials** section for your platform: [Linux](installing/on-linux.md#InstallingonLinux-Build), [Mac OS X](installing/on-mac-osx.md#InstallingonMacOSX-Build) or [Windows](installing/on-windows.md#InstallingonWindows-Build), or use this specific command on Linux:
diff --git a/markdown/tutorials/ios/a-basic-media-player.md b/markdown/tutorials/ios/a-basic-media-player.md
index f22258dd04..49e2d1cc0d 100644
--- a/markdown/tutorials/ios/a-basic-media-player.md
+++ b/markdown/tutorials/ios/a-basic-media-player.md
@@ -1203,5 +1203,5 @@ GStreamer understands. More particularly, it has shown:
The next tutorial adds the missing bits to turn the application built
here into an acceptable iOS media player.
- [information]: images/icons/emoticons/information.png
+ [information]: images/icons/emoticons/information.svg
[screenshot]: images/tutorials/ios-a-basic-media-player-screenshot.png
diff --git a/markdown/tutorials/playback/audio-visualization.md b/markdown/tutorials/playback/audio-visualization.md
index 86f950b920..92afca460b 100644
--- a/markdown/tutorials/playback/audio-visualization.md
+++ b/markdown/tutorials/playback/audio-visualization.md
@@ -244,11 +244,11 @@ This tutorial has shown:
It has been a pleasure having you here, and see you soon\!
- [information]: images/icons/emoticons/information.png
+ [information]: images/icons/emoticons/information.svg
[Mac]: installing/on-mac-osx.md
[Windows]: installing/on-windows.md
[Mac OS X]: installing/on-mac-osx.md#building-the-tutorials
[1]: installing/on-windows.md#running-the-tutorials
[iOS]: installing/for-ios-development.md#building-the-tutorials
[android]: installing/for-android-development.md#building-the-tutorials
- [warning]: images/icons/emoticons/warning.png
+ [warning]: images/icons/emoticons/warning.svg
diff --git a/markdown/tutorials/playback/color-balance.md b/markdown/tutorials/playback/color-balance.md
index 03725e8fab..3810dc5238 100644
--- a/markdown/tutorials/playback/color-balance.md
+++ b/markdown/tutorials/playback/color-balance.md
@@ -297,11 +297,11 @@ Particularly, it has shown:
It has been a pleasure having you here, and see you soon\!
- [information]: images/icons/emoticons/information.png
+ [information]: images/icons/emoticons/information.svg
[Mac]: installing/on-mac-osx.md
[Windows]: installing/on-windows.md
[Mac OS X]: installing/on-mac-osx.md#building-the-tutorials
[1]: installing/on-windows.md#running-the-tutorials
[iOS]: installing/for-ios-development.md#building-the-tutorials
[android]: installing/for-android-development.md#building-the-tutorials
- [warning]: images/icons/emoticons/warning.png
+ [warning]: images/icons/emoticons/warning.svg
diff --git a/markdown/tutorials/playback/custom-playbin-sinks.md b/markdown/tutorials/playback/custom-playbin-sinks.md
index c591f1f858..8db1f81cd5 100644
--- a/markdown/tutorials/playback/custom-playbin-sinks.md
+++ b/markdown/tutorials/playback/custom-playbin-sinks.md
@@ -211,11 +211,11 @@ This tutorial has shown:
It has been a pleasure having you here, and see you soon\!
- [information]: images/icons/emoticons/information.png
+ [information]: images/icons/emoticons/information.svg
[Mac]: installing/on-mac-osx.md
[Windows]: installing/on-windows.md
[Mac OS X]: installing/on-mac-osx.md#building-the-tutorials
[1]: installing/on-windows.md#running-the-tutorials
[iOS]: installing/for-ios-development.md#building-the-tutorials
[android]: installing/for-android-development.md#building-the-tutorials
- [warning]: images/icons/emoticons/warning.png
+ [warning]: images/icons/emoticons/warning.svg
diff --git a/markdown/tutorials/playback/hardware-accelerated-video-decoding.md b/markdown/tutorials/playback/hardware-accelerated-video-decoding.md
index 85c12985e7..49422f100e 100644
--- a/markdown/tutorials/playback/hardware-accelerated-video-decoding.md
+++ b/markdown/tutorials/playback/hardware-accelerated-video-decoding.md
@@ -183,4 +183,4 @@ accelerated video decoding. Particularly,
It has been a pleasure having you here, and see you soon!
- [warning]: images/icons/emoticons/warning.png
+ [warning]: images/icons/emoticons/warning.svg
diff --git a/markdown/tutorials/playback/playbin-usage.md b/markdown/tutorials/playback/playbin-usage.md
index 61a66c1840..61125b68c7 100644
--- a/markdown/tutorials/playback/playbin-usage.md
+++ b/markdown/tutorials/playback/playbin-usage.md
@@ -580,7 +580,7 @@ code of the tutorial and any accessory files needed to build it.
It has been a pleasure having you here, and see you soon!
[Playback tutorial 2: Subtitle management]: tutorials/playback/subtitle-management.md
- [information]: images/icons/emoticons/information.png
+ [information]: images/icons/emoticons/information.svg
[Mac]: installing/on-mac-osx.md
[Windows]: installing/on-windows.md
[Mac OS X]: installing/on-mac-osx.md#building-the-tutorials
diff --git a/markdown/tutorials/playback/progressive-streaming.md b/markdown/tutorials/playback/progressive-streaming.md
index 01574e5c89..47764af197 100644
--- a/markdown/tutorials/playback/progressive-streaming.md
+++ b/markdown/tutorials/playback/progressive-streaming.md
@@ -418,11 +418,11 @@ This tutorial has shown:
It has been a pleasure having you here, and see you soon!
- [information]: images/icons/emoticons/information.png
+ [information]: images/icons/emoticons/information.svg
[Mac]: installing/on-mac-osx.md
[Windows]: installing/on-windows.md
[Mac OS X]: installing/on-mac-osx.md#building-the-tutorials
[1]: installing/on-windows.md#running-the-tutorials
[iOS]: installing/for-ios-development.md#building-the-tutorials
[android]: installing/for-android-development.md#building-the-tutorials
- [warning]: images/icons/emoticons/warning.png
+ [warning]: images/icons/emoticons/warning.svg
diff --git a/markdown/tutorials/playback/subtitle-management.md b/markdown/tutorials/playback/subtitle-management.md
index 6c0db31f98..35bf828f75 100644
--- a/markdown/tutorials/playback/subtitle-management.md
+++ b/markdown/tutorials/playback/subtitle-management.md
@@ -385,4 +385,4 @@ Remember that attached to this page you should find the complete source
code of the tutorial and any accessory files needed to build it.
It has been a pleasure having you here, and see you soon\!
- [information]: images/icons/emoticons/information.png
+ [information]: images/icons/emoticons/information.svg
diff --git a/theme/extra/css/extra_frontend.css b/theme/extra/css/extra_frontend.css
new file mode 100644
index 0000000000..9ab69d0485
--- /dev/null
+++ b/theme/extra/css/extra_frontend.css
@@ -0,0 +1,83 @@
+h1, h2, h2, h3, h4, h5 {
+ font-weight: 300;
+}
+
+.hotdoc-navbar-brand {
+ font-weight: 700;
+ text-transform: uppercase;
+ font-size: 70%;
+ color: black;
+}
+
+.page-header {
+ text-align: center;
+ font-weight: 300;
+ padding: 100px 15px;
+}
+
+.page-header h1, .page-header h2 {
+ margin-bottom: 1em;
+}
+
+.page-header p {
+ margin-left: auto;
+ margin-right: auto;
+ max-width: 80%;
+ font-size: 18px;
+}
+
+.btn-xl {
+ padding: 15px 30px;
+}
+
+.toned-row {
+ background-color: #dfdfdf;
+ margin: 3em -15px 3em -15px;
+ padding: 3em;
+ text-align: center;
+
+}
+
+.toned-row a.icon {
+ display: inline-block;
+ width: 92px;
+ height: 92px;
+ background-repeat: no-repeat;
+ background-position: center;
+ background-size: 64px;
+ padding-top: 92px;
+ cursor: pointer;
+ font-size: 90%;
+ transition: 500ms color ease-in-out;
+}
+
+.toned-row #apiref {
+ background-image: url("../../assets/images/api-reference.svg");
+}
+
+.toned-row #hig {
+ background-image: url("../../assets/images/design-guidelines.svg");
+}
+
+.toned-row #tutorials {
+ background-image: url("../../assets/images/tutorials.png");
+}
+
+.toned-row #deploy {
+ background-image: url("../../assets/images/deploy.png");
+}
+
+/* Make sure to have emoticons properly rendered at the left */
+img[src*="images/icons/emoticons/"] {
+ float: left;
+ padding: 10px;
+ padding-top: 0px !important;
+ padding-bottom: 0px !important;
+ max-width: 40px;
+}
+
+/* Get the various images to install for different OSes in a line */
+img[src*="images/mac.png"], img[src*="images/windows.png"], img[src*="images/android.png"], img[src*="images/ios.jpeg"], img[src*="images/linux.png"] {
+ display: inline !important;
+ max-width: 200px;
+}
diff --git a/theme/extra/images/gstreamer-logo.svg b/theme/extra/images/gstreamer-logo.svg
index 26998462f1..4d7a428fbb 100644
--- a/theme/extra/images/gstreamer-logo.svg
+++ b/theme/extra/images/gstreamer-logo.svg
@@ -1,54 +1,58 @@
-
+
-
-
-]>
-
+
+
\ No newline at end of file