[gtk-web/new-website: 125/180] updated language bindings docs page



commit 6713c52034eca9492be0fdf3b057d856acd09a23
Author: ravgeetdhillon <ravgeetdhillon gmail com>
Date:   Mon Aug 5 23:00:12 2019 +0530

    updated language bindings docs page

 _includes/header.html              |   2 +-
 assets/css/markdown.css            |  10 +-
 assets/css/theme.css               | 172 +++++++++++++-------------
 assets/img/docs/docs-pygobject.svg | 244 +++++++++++++++++++++++++++++++++++++
 assets/scss/theme.scss             |   4 +-
 collections/_docs/python.md        |  55 ++++++---
 collections/_pages/about.html      | 110 +++++++++++++++++
 collections/_pages/index.html      |   6 +-
 8 files changed, 491 insertions(+), 112 deletions(-)
---
diff --git a/_includes/header.html b/_includes/header.html
index 8125c38..f23ca96 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -66,7 +66,7 @@ to make changes related to the content, edit the `_data/navigation.yml`
     </nav>
   </header>
 
-  <button class="btn border border-info bg-white rounded-circle position-fixed" id="btn-go-to-top"><i 
class="fas fa-angle-up"></i></button>
+  <button class="d-none btn border border-info bg-white rounded-circle position-fixed" id="btn-go-to-top"><i 
class="fas fa-angle-up"></i></button>
   <script>
     var btnTop = $("#btn-go-to-top");
     $(window).scroll(function() {
diff --git a/assets/css/markdown.css b/assets/css/markdown.css
index 2b6d48e..54dfdfd 100644
--- a/assets/css/markdown.css
+++ b/assets/css/markdown.css
@@ -90,7 +90,7 @@ you can edit this file directly to change the appearance of certain elements tha
 .markdown-body h4,
 .markdown-body h5,
 .markdown-body h6 {
-    margin-top: 24px;
+    margin-top: 32px;
     margin-bottom: 16px;
     font-weight: 600;
     line-height: 1.25;
@@ -351,8 +351,10 @@ you can edit this file directly to change the appearance of certain elements tha
     overflow: auto;
     font-size: 85%;
     line-height: 1.45;
-    background-color: #e7e8e9;
-    border: 1px solid #d6d8da;
+    /* background-color: #e7e8e9;
+    border: 1px solid #d6d8da; */
+    background-color: var(--mdcolor);
+    border: 1px solid var(--mdborder);
     border-radius: 3px;
 }
 .markdown-body pre code,
@@ -397,4 +399,4 @@ you can edit this file directly to change the appearance of certain elements tha
 .markdown-body i {
     color: var(--secondary);
 }
-/*# sourceMappingURL=markdown.css.map */
+/*# sourceMappingURL=markdown.css.map */
\ No newline at end of file
diff --git a/assets/css/theme.css b/assets/css/theme.css
index 8526371..abbdb1a 100644
--- a/assets/css/theme.css
+++ b/assets/css/theme.css
@@ -36,8 +36,8 @@
   --light: #F8F9FA;
   --dark: #04080F;
   --tertiary: #94D354;
-  --mdcolor: #e7e8e9;
-  --mdborder: #d6d8da;
+  --mdcolor: #f2f3f2;
+  --mdborder: #e7e8e9;
   --breakpoint-xs: 0;
   --breakpoint-sm: 576px;
   --breakpoint-md: 768px;
@@ -1385,34 +1385,34 @@ pre {
 .table-mdcolor,
 .table-mdcolor > th,
 .table-mdcolor > td {
-  background-color: #f8f9f9; }
+  background-color: #fbfcfb; }
 .table-mdcolor th,
 .table-mdcolor td,
 .table-mdcolor thead th,
 .table-mdcolor tbody + tbody {
-  border-color: #f3f3f4; }
+  border-color: #f8f9f8; }
 
 .table-hover .table-mdcolor:hover {
-  background-color: #eaeded; }
+  background-color: #ecf1ec; }
   .table-hover .table-mdcolor:hover > td,
   .table-hover .table-mdcolor:hover > th {
-    background-color: #eaeded; }
+    background-color: #ecf1ec; }
 
 .table-mdborder,
 .table-mdborder > th,
 .table-mdborder > td {
-  background-color: #f4f4f5; }
+  background-color: #f8f9f9; }
 .table-mdborder th,
 .table-mdborder td,
 .table-mdborder thead th,
 .table-mdborder tbody + tbody {
-  border-color: #eaebec; }
+  border-color: #f3f3f4; }
 
 .table-hover .table-mdborder:hover {
-  background-color: #e7e7e9; }
+  background-color: #eaeded; }
   .table-hover .table-mdborder:hover > td,
   .table-hover .table-mdborder:hover > th {
-    background-color: #e7e7e9; }
+    background-color: #eaeded; }
 
 .table-active,
 .table-active > th,
@@ -2074,45 +2074,45 @@ fieldset:disabled a.btn {
 
 .btn-mdcolor {
   color: #212529;
-  background-color: #e7e8e9;
-  border-color: #e7e8e9; }
+  background-color: #f2f3f2;
+  border-color: #f2f3f2; }
   .btn-mdcolor:hover {
     color: #212529;
-    background-color: #d3d5d7;
-    border-color: #cccfd1; }
+    background-color: #dee1de;
+    border-color: #d7dbd7; }
   .btn-mdcolor:focus, .btn-mdcolor.focus {
-    box-shadow: 0 0 0 0.2rem rgba(201, 203, 204, 0.5); }
+    box-shadow: 0 0 0 0.2rem rgba(211, 212, 212, 0.5); }
   .btn-mdcolor.disabled, .btn-mdcolor:disabled {
     color: #212529;
-    background-color: #e7e8e9;
-    border-color: #e7e8e9; }
+    background-color: #f2f3f2;
+    border-color: #f2f3f2; }
   .btn-mdcolor:not(:disabled):not(.disabled):active, .btn-mdcolor:not(:disabled):not(.disabled).active, 
.show > .btn-mdcolor.dropdown-toggle {
     color: #212529;
-    background-color: #cccfd1;
-    border-color: #c6c8cb; }
+    background-color: #d7dbd7;
+    border-color: #d1d4d1; }
     .btn-mdcolor:not(:disabled):not(.disabled):active:focus, 
.btn-mdcolor:not(:disabled):not(.disabled).active:focus, .show > .btn-mdcolor.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(201, 203, 204, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(211, 212, 212, 0.5); }
 
 .btn-mdborder {
   color: #212529;
-  background-color: #d6d8da;
-  border-color: #d6d8da; }
+  background-color: #e7e8e9;
+  border-color: #e7e8e9; }
   .btn-mdborder:hover {
     color: #212529;
-    background-color: #c2c5c8;
-    border-color: #bbbfc2; }
+    background-color: #d3d5d7;
+    border-color: #cccfd1; }
   .btn-mdborder:focus, .btn-mdborder.focus {
-    box-shadow: 0 0 0 0.2rem rgba(187, 189, 191, 0.5); }
+    box-shadow: 0 0 0 0.2rem rgba(201, 203, 204, 0.5); }
   .btn-mdborder.disabled, .btn-mdborder:disabled {
     color: #212529;
-    background-color: #d6d8da;
-    border-color: #d6d8da; }
+    background-color: #e7e8e9;
+    border-color: #e7e8e9; }
   .btn-mdborder:not(:disabled):not(.disabled):active, .btn-mdborder:not(:disabled):not(.disabled).active, 
.show > .btn-mdborder.dropdown-toggle {
     color: #212529;
-    background-color: #bbbfc2;
-    border-color: #b4b8bc; }
+    background-color: #cccfd1;
+    border-color: #c6c8cb; }
     .btn-mdborder:not(:disabled):not(.disabled):active:focus, 
.btn-mdborder:not(:disabled):not(.disabled).active:focus, .show > .btn-mdborder.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(187, 189, 191, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(201, 203, 204, 0.5); }
 
 .btn-outline-primary {
   color: #3B86E2;
@@ -2286,42 +2286,42 @@ fieldset:disabled a.btn {
       box-shadow: 0 0 0 0.2rem rgba(148, 211, 84, 0.5); }
 
 .btn-outline-mdcolor {
-  color: #e7e8e9;
-  border-color: #e7e8e9; }
+  color: #f2f3f2;
+  border-color: #f2f3f2; }
   .btn-outline-mdcolor:hover {
     color: #212529;
-    background-color: #e7e8e9;
-    border-color: #e7e8e9; }
+    background-color: #f2f3f2;
+    border-color: #f2f3f2; }
   .btn-outline-mdcolor:focus, .btn-outline-mdcolor.focus {
-    box-shadow: 0 0 0 0.2rem rgba(231, 232, 233, 0.5); }
+    box-shadow: 0 0 0 0.2rem rgba(242, 243, 242, 0.5); }
   .btn-outline-mdcolor.disabled, .btn-outline-mdcolor:disabled {
-    color: #e7e8e9;
+    color: #f2f3f2;
     background-color: transparent; }
   .btn-outline-mdcolor:not(:disabled):not(.disabled):active, 
.btn-outline-mdcolor:not(:disabled):not(.disabled).active, .show > .btn-outline-mdcolor.dropdown-toggle {
     color: #212529;
-    background-color: #e7e8e9;
-    border-color: #e7e8e9; }
+    background-color: #f2f3f2;
+    border-color: #f2f3f2; }
     .btn-outline-mdcolor:not(:disabled):not(.disabled):active:focus, 
.btn-outline-mdcolor:not(:disabled):not(.disabled).active:focus, .show > 
.btn-outline-mdcolor.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(231, 232, 233, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(242, 243, 242, 0.5); }
 
 .btn-outline-mdborder {
-  color: #d6d8da;
-  border-color: #d6d8da; }
+  color: #e7e8e9;
+  border-color: #e7e8e9; }
   .btn-outline-mdborder:hover {
     color: #212529;
-    background-color: #d6d8da;
-    border-color: #d6d8da; }
+    background-color: #e7e8e9;
+    border-color: #e7e8e9; }
   .btn-outline-mdborder:focus, .btn-outline-mdborder.focus {
-    box-shadow: 0 0 0 0.2rem rgba(214, 216, 218, 0.5); }
+    box-shadow: 0 0 0 0.2rem rgba(231, 232, 233, 0.5); }
   .btn-outline-mdborder.disabled, .btn-outline-mdborder:disabled {
-    color: #d6d8da;
+    color: #e7e8e9;
     background-color: transparent; }
   .btn-outline-mdborder:not(:disabled):not(.disabled):active, 
.btn-outline-mdborder:not(:disabled):not(.disabled).active, .show > .btn-outline-mdborder.dropdown-toggle {
     color: #212529;
-    background-color: #d6d8da;
-    border-color: #d6d8da; }
+    background-color: #e7e8e9;
+    border-color: #e7e8e9; }
     .btn-outline-mdborder:not(:disabled):not(.disabled):active:focus, 
.btn-outline-mdborder:not(:disabled):not(.disabled).active:focus, .show > 
.btn-outline-mdborder.dropdown-toggle:focus {
-      box-shadow: 0 0 0 0.2rem rgba(214, 216, 218, 0.5); }
+      box-shadow: 0 0 0 0.2rem rgba(231, 232, 233, 0.5); }
 
 .btn-link {
   font-weight: 400;
@@ -3794,23 +3794,23 @@ input[type="button"].btn-block {
 
 .badge-mdcolor {
   color: #212529;
-  background-color: #e7e8e9; }
+  background-color: #f2f3f2; }
   a.badge-mdcolor:hover, a.badge-mdcolor:focus {
     color: #212529;
-    background-color: #cccfd1; }
+    background-color: #d7dbd7; }
   a.badge-mdcolor:focus, a.badge-mdcolor.focus {
     outline: 0;
-    box-shadow: 0 0 0 0.2rem rgba(231, 232, 233, 0.5); }
+    box-shadow: 0 0 0 0.2rem rgba(242, 243, 242, 0.5); }
 
 .badge-mdborder {
   color: #212529;
-  background-color: #d6d8da; }
+  background-color: #e7e8e9; }
   a.badge-mdborder:hover, a.badge-mdborder:focus {
     color: #212529;
-    background-color: #bbbfc2; }
+    background-color: #cccfd1; }
   a.badge-mdborder:focus, a.badge-mdborder.focus {
     outline: 0;
-    box-shadow: 0 0 0 0.2rem rgba(214, 216, 218, 0.5); }
+    box-shadow: 0 0 0 0.2rem rgba(231, 232, 233, 0.5); }
 
 .jumbotron {
   padding: 2rem 1rem;
@@ -3930,22 +3930,22 @@ input[type="button"].btn-block {
     color: #344a1d; }
 
 .alert-mdcolor {
-  color: #787979;
-  background-color: #fafafb;
-  border-color: #f8f9f9; }
+  color: #7e7e7e;
+  background-color: #fcfdfc;
+  border-color: #fbfcfb; }
   .alert-mdcolor hr {
-    border-top-color: #eaeded; }
+    border-top-color: #ecf1ec; }
   .alert-mdcolor .alert-link {
-    color: #5f5f5f; }
+    color: #656565; }
 
 .alert-mdborder {
-  color: #6f7071;
-  background-color: #f7f7f8;
-  border-color: #f4f4f5; }
+  color: #787979;
+  background-color: #fafafb;
+  border-color: #f8f9f9; }
   .alert-mdborder hr {
-    border-top-color: #e7e7e9; }
+    border-top-color: #eaeded; }
   .alert-mdborder .alert-link {
-    color: #565757; }
+    color: #5f5f5f; }
 
 @keyframes progress-bar-stripes {
   from {
@@ -4220,26 +4220,26 @@ input[type="button"].btn-block {
     border-color: #4d6e2c; }
 
 .list-group-item-mdcolor {
-  color: #787979;
-  background-color: #f8f9f9; }
+  color: #7e7e7e;
+  background-color: #fbfcfb; }
   .list-group-item-mdcolor.list-group-item-action:hover, 
.list-group-item-mdcolor.list-group-item-action:focus {
-    color: #787979;
-    background-color: #eaeded; }
+    color: #7e7e7e;
+    background-color: #ecf1ec; }
   .list-group-item-mdcolor.list-group-item-action.active {
     color: #fff;
-    background-color: #787979;
-    border-color: #787979; }
+    background-color: #7e7e7e;
+    border-color: #7e7e7e; }
 
 .list-group-item-mdborder {
-  color: #6f7071;
-  background-color: #f4f4f5; }
+  color: #787979;
+  background-color: #f8f9f9; }
   .list-group-item-mdborder.list-group-item-action:hover, 
.list-group-item-mdborder.list-group-item-action:focus {
-    color: #6f7071;
-    background-color: #e7e7e9; }
+    color: #787979;
+    background-color: #eaeded; }
   .list-group-item-mdborder.list-group-item-action.active {
     color: #fff;
-    background-color: #6f7071;
-    border-color: #6f7071; }
+    background-color: #787979;
+    border-color: #787979; }
 
 .close {
   float: right;
@@ -4928,20 +4928,20 @@ button.bg-tertiary:focus {
   background-color: #7bc232 !important; }
 
 .bg-mdcolor {
-  background-color: #e7e8e9 !important; }
+  background-color: #f2f3f2 !important; }
 
 a.bg-mdcolor:hover, a.bg-mdcolor:focus,
 button.bg-mdcolor:hover,
 button.bg-mdcolor:focus {
-  background-color: #cccfd1 !important; }
+  background-color: #d7dbd7 !important; }
 
 .bg-mdborder {
-  background-color: #d6d8da !important; }
+  background-color: #e7e8e9 !important; }
 
 a.bg-mdborder:hover, a.bg-mdborder:focus,
 button.bg-mdborder:hover,
 button.bg-mdborder:focus {
-  background-color: #bbbfc2 !important; }
+  background-color: #cccfd1 !important; }
 
 .bg-white {
   background-color: #fff !important; }
@@ -5007,10 +5007,10 @@ button.bg-mdborder:focus {
   border-color: #94D354 !important; }
 
 .border-mdcolor {
-  border-color: #e7e8e9 !important; }
+  border-color: #f2f3f2 !important; }
 
 .border-mdborder {
-  border-color: #d6d8da !important; }
+  border-color: #e7e8e9 !important; }
 
 .border-white {
   border-color: #fff !important; }
@@ -8077,16 +8077,16 @@ a.text-tertiary:hover, a.text-tertiary:focus {
   color: #6eae2d !important; }
 
 .text-mdcolor {
-  color: #e7e8e9 !important; }
+  color: #f2f3f2 !important; }
 
 a.text-mdcolor:hover, a.text-mdcolor:focus {
-  color: #bfc2c4 !important; }
+  color: #caceca !important; }
 
 .text-mdborder {
-  color: #d6d8da !important; }
+  color: #e7e8e9 !important; }
 
 a.text-mdborder:hover, a.text-mdborder:focus {
-  color: #aeb2b6 !important; }
+  color: #bfc2c4 !important; }
 
 .text-body {
   color: #212529 !important; }
diff --git a/assets/img/docs/docs-pygobject.svg b/assets/img/docs/docs-pygobject.svg
new file mode 100644
index 0000000..656a1ef
--- /dev/null
+++ b/assets/img/docs/docs-pygobject.svg
@@ -0,0 +1,244 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/";
+   xmlns:cc="http://creativecommons.org/ns#";
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+   xmlns:svg="http://www.w3.org/2000/svg";
+   xmlns="http://www.w3.org/2000/svg";
+   xmlns:xlink="http://www.w3.org/1999/xlink";
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   version="1.0"
+   width="392.86777"
+   height="96.050858"
+   id="svg6843"
+   sodipodi:docname="pygobject.svg"
+   inkscape:version="0.92.1 r15371">
+  <metadata
+     id="metadata12">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage"; />
+        <dc:title />
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1366"
+     inkscape:window-height="674"
+     id="namedview10"
+     showgrid="false"
+     inkscape:zoom="1.2285173"
+     inkscape:cx="135.96584"
+     inkscape:cy="-1.8615724"
+     inkscape:window-x="0"
+     inkscape:window-y="26"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g4527" />
+  <defs
+     id="defs6845">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4534">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop4530" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4532" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4522">
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1;"
+         offset="0"
+         id="stop4518" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0;"
+         offset="1"
+         id="stop4520" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4660">
+      <stop
+         style="stop-color:#212529;stop-opacity:1;"
+         offset="0"
+         id="stop4656" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop4658" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4652">
+      <stop
+         style="stop-color:#5a9fd4;stop-opacity:1;"
+         offset="0"
+         id="stop4648" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:0.94650203"
+         offset="1"
+         id="stop4650" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient4644">
+      <stop
+         style="stop-color:#edd400;stop-opacity:1;"
+         offset="0"
+         id="stop4640" />
+      <stop
+         style="stop-color:#ffffff;stop-opacity:1"
+         offset="1"
+         id="stop4642" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4644"
+       id="linearGradient4646"
+       x1="53.816978"
+       y1="111.10486"
+       x2="20.88413"
+       y2="30.82696"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4652"
+       id="linearGradient4654"
+       x1="70.43454"
+       y1="17.875593"
+       x2="53.816978"
+       y2="111.10486"
+       gradientUnits="userSpaceOnUse"
+       spreadMethod="pad" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4660"
+       id="linearGradient4662"
+       x1="23.216625"
+       y1="81.319481"
+       x2="107.33282"
+       y2="39.060543"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4522"
+       id="linearGradient4524"
+       x1="70.587303"
+       y1="17.177763"
+       x2="70.485733"
+       y2="67.361443"
+       gradientUnits="userSpaceOnUse" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4534"
+       id="linearGradient4536"
+       x1="69.029457"
+       y1="87.363297"
+       x2="70.373047"
+       y2="68.046875"
+       gradientUnits="userSpaceOnUse" />
+  </defs>
+  <g
+     transform="translate(-19.822261,-15.90723)"
+     id="layer1">
+    <g
+       id="g4527"
+       transform="translate(0,-0.20854102)">
+      <path
+         inkscape:connector-curvature="0"
+         
style="display:inline;opacity:1;fill:url(#linearGradient4654);fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:2.12400007;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="path6976"
+         d="M 20.88413,30.82696 53.816977,55.527708 107.33282,39.060543 70.587303,17.177763 Z" />
+      <path
+         inkscape:connector-curvature="0"
+         
style="display:inline;fill:url(#linearGradient4662);fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:2.12364459;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="path6978"
+         d="M 22.94243,82.287118 20.88413,30.82696 53.816977,55.527708 v 55.577152 z" />
+      <path
+         inkscape:connector-curvature="0"
+         
style="display:inline;opacity:1;fill:url(#linearGradient4646);fill-opacity:1;fill-rule:evenodd;stroke:#ffffff;stroke-width:2.12364459;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         id="path6980"
+         d="M 53.816977,111.10486 103.21619,90.5207 107.33282,39.060543 53.816977,55.527708 Z" />
+      <path
+         
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:url(#linearGradient4536);fill-opacity:1;fill-rule:nonzero;
 stroke:n
 
one;stroke-width:1.25;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+         d="m 70.597656,66.675781 -47.558594,14.044922 0.355469,1.197266 46.978516,-13.871094 
32.652343,22.910156 0.71875,-1.023437 z"
+         id="path6982"
+         inkscape:connector-curvature="0" />
+      <path
+         
style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:url(#linearGradient4524);fill-opacity:1;fill-rule:evenodd;
 stroke:n
 
one;stroke-width:1.25;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate"
+         d="m 69.808594,17.875 v 49.109375 h 1.25 V 17.875 Z"
+         id="path6984"
+         inkscape:connector-curvature="0" />
+    </g>
+    <g
+       aria-label="PyGObject"
+       
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:25px;font-family:Cantarell;-inkscape-font-specification:Cantarell;letter-spacing:-2px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       id="text4518"
+       transform="matrix(0.73060434,0,0,0.73060434,39.415227,17.281548)">
+      <path
+         d="m 134.29489,66.572751 c 14.8,0 26.88,-2.96 26.88,-17.44 0,-10.96 -7.68,-16.4 -22.96,-16.4 h 
-18.32 v 55.36 h 9.84 v -21.52 z m 16.8,-17.04 c 0,7.44 -7.76,8 -16.4,8 h -4.96 v -15.76 h 7.44 c 7.36,0 
13.92,0.96 13.92,7.76 z"
+         
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:80px;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 Bold';letter-spacing:0px;word-spacing:0px;fill:#212529;fill-opacity:1"
+         id="path4529"
+         inkscape:connector-curvature="0" />
+      <path
+         d="m 164.91864,49.612751 17.44,38.8 -8.8,20.399999 h 10.8 l 23.6,-59.199999 h -10.16 l -10.4,29.52 
-11.44,-29.52 z"
+         
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:80px;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 Bold';letter-spacing:0px;word-spacing:0px;fill:#212529;fill-opacity:1"
+         id="path4531"
+         inkscape:connector-curvature="0" />
+      <path
+         d="m 211.70114,60.092751 c 0,18.64 11.12,28.8 27.68,28.8 9.68,0 17.04,-2.4 22.4,-6.64 v -25.44 h 
-24.4 v 9.04 h 14.56 v 11.68 c -3.28,1.6 -5.84,2.32 -10.96,2.32 -11.28,0 -19.44,-6.48 -19.44,-20.16 0,-12.96 
6.08,-19.04 19.68,-19.04 6.4,0 12,2.24 16.24,4.4 l 2.72,-8.72 c -5.28,-3.2 -12.48,-4.72 -19.2,-4.72 -19.52,0 
-29.28,11.36 -29.28,28.48 z"
+         
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:80px;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 Bold';letter-spacing:0px;word-spacing:0px;fill:#212529;fill-opacity:1"
+         id="path4533"
+         inkscape:connector-curvature="0" />
+      <path
+         d="m 297.97114,31.612751 c -16.48,0 -27.52,11.92 -27.52,28.64 0,16.8 10.88,28.64 27.2,28.64 16.8,0 
27.84,-12.24 27.84,-29.2 0,-16.64 -11.04,-28.08 -27.52,-28.08 z m -0.4,9.04 c 11.12,0 18.08,8.08 18.08,19.6 
0,11.52 -6.24,19.6 -17.36,19.6 -11.2,0 -18,-8.72 -18,-20.24 0,-11.28 6.32,-18.96 17.28,-18.96 z"
+         
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:80px;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 Bold';letter-spacing:0px;word-spacing:0px;fill:#212529;fill-opacity:1"
+         id="path4535"
+         inkscape:connector-curvature="0" />
+      <path
+         d="m 340.09739,88.092751 1.92,-2.48 c 3.84,2.24 7.68,3.28 11.6,3.28 11.52,0 18.32,-8.56 
18.32,-20.24 0,-11.68 -4.72,-19.92 -16.56,-19.92 -4.56,0 -8.32,1.12 -11.6,2.8 v -20.88 h -9.84 v 57.44 z m 
3.68,-29.2 c 1.92,-0.8 5.68,-2.16 9.2,-2.16 6.88,0 9.12,4.96 9.12,12.48 0,7.52 -3.52,11.92 -10.08,11.92 
-3.2,0 -5.92,-0.8 -8.24,-2.64 z"
+         
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:80px;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 Bold';letter-spacing:0px;word-spacing:0px;fill:#212529;fill-opacity:1"
+         id="path4537"
+         inkscape:connector-curvature="0" />
+      <path
+         d="m 385.06739,44.972751 c 3.12,0 5.92,-2.8 5.92,-5.92 0,-3.12 -2.8,-5.92 -5.92,-5.92 -3.12,0 
-5.92,2.8 -5.92,5.92 0,3.12 2.8,5.92 5.92,5.92 z m -8.48,56.319999 c -1.2,0 -2.24,-0.24 -2.24,-0.24 l 
-1.92,7.36 c 0,0 2.64,0.8 5.44,0.8 10.16,0 12.24,-6.96 12.24,-13.999999 v -45.6 h -9.84 v 43.6 c 0,4.96 
-0.56,8.079999 -3.68,8.079999 z"
+         
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:80px;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 Bold';letter-spacing:0px;word-spacing:0px;fill:#212529;fill-opacity:1"
+         id="path4539"
+         inkscape:connector-curvature="0" />
+      <path
+         d="m 420.17989,81.132751 c -9.44,0 -11.6,-4.08 -12,-9.04 h 26.4 v -3.76 c 0,-12.56 -5.92,-19.6 
-17.44,-19.6 -11.44,0 -18.88,8.96 -18.88,20.08 0,12.48 7.68,20.08 20.64,20.08 5.12,0 10.08,-0.88 14.8,-2.4 l 
-1.92,-7.36 c -3.52,1.36 -7.36,2 -11.6,2 z m -11.92,-15.84 c 0.48,-4.64 2.48,-8.96 9.04,-8.96 4.8,0 7.44,2.8 
7.44,8.96 z"
+         
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:80px;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 Bold';letter-spacing:0px;word-spacing:0px;fill:#212529;fill-opacity:1"
+         id="path4541"
+         inkscape:connector-curvature="0" />
+      <path
+         d="m 450.44364,68.812751 c 0,-7.44 4.4,-12.4 12.8,-12.4 5.04,0 7.84,1.2 9.6,2.16 l 1.92,-7.36 c 
-1.92,-1.2 -5.44,-2.48 -12.56,-2.48 -13.2,0 -21.6,7.76 -21.6,20.08 0,12 8.72,20.08 21.92,20.08 6.08,0 
11.04,-1.76 12.4,-2.4 l -1.92,-7.36 c -1.68,0.8 -4.72,2.08 -9.76,2.08 -7.92,0 -12.8,-5.12 -12.8,-12.4 z"
+         
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:80px;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 Bold';letter-spacing:0px;word-spacing:0px;fill:#212529;fill-opacity:1"
+         id="path4543"
+         inkscape:connector-curvature="0" />
+      <path
+         d="m 510.91239,86.732751 -1.44,-6.8 c -1.44,0.4 -4.4,1.12 -7.12,1.12 -5.28,0 -6.48,-2.64 -6.48,-5.6 
v -18.16 h 13.28 v -7.68 h -13.28 v -12.08 h -9.84 v 12.08 h -6.4 v 7.68 h 6.4 v 18.4 c 0,6.8 1.68,13.2 
13.92,13.2 3.68,0 8.24,-1.12 10.96,-2.16 z"
+         
style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:80px;font-family:Cantarell;-inkscape-font-specification:'Cantarell
 Bold';letter-spacing:0px;word-spacing:0px;fill:#212529;fill-opacity:1"
+         id="path4545"
+         inkscape:connector-curvature="0" />
+    </g>
+  </g>
+</svg>
diff --git a/assets/scss/theme.scss b/assets/scss/theme.scss
index db30588..91a976e 100644
--- a/assets/scss/theme.scss
+++ b/assets/scss/theme.scss
@@ -6,8 +6,8 @@ $theme-colors: (
        "info": #C0C4BD,
        "light": #F8F9FA,
        "dark": #04080F,
-       "mdcolor": #e7e8e9,
-       "mdborder": #d6d8da
+       "mdcolor": #f2f3f2,
+       "mdborder": #e7e8e9
 );
 
 // defining the spacing system for the website
diff --git a/collections/_docs/python.md b/collections/_docs/python.md
index e267b04..47b1d09 100644
--- a/collections/_docs/python.md
+++ b/collections/_docs/python.md
@@ -1,27 +1,48 @@
 ---
 permalink: /docs/language-bindings/:name/
 ---
-#  GTK and Python
+![PyGObject](/assets/img/docs/docs-pygobject.svg)
+
+## About
+
+PyGObject is a Python package which provides bindings for GObject based libraries such as GTK, GStreamer, 
WebKitGTK, GLib, GIO and many more.
+
+It supports Linux, Windows and macOS and works with Python 2.7+, Python 3.5+, PyPy and PyPy3. PyGObject, 
including this documentation, is licensed under the LGPLv2.1+.
+
+If you want to write a Python application for GNOME or a Python GUI application using GTK, then PyGObject is 
the way to go. For more information on specific libraries check out the [Python GTK 3 
Tutorial](https://python-gtk-3-tutorial.readthedocs.io/) and the [Python GI API 
Reference](https://lazka.github.io/pgi-docs).
+
+For more information, visit [https://pygobject.readthedocs.io](https://pygobject.readthedocs.io).
+
+## PyGObject API Reference
+
+You can view the API Reference for the PyGObject at 
[http://lazka.github.io/pgi-docs/](http://lazka.github.io/pgi-docs/)
+
+## Hello World
+
+Below is an `Hello World` program that can be used as an example to get started with the PyGObject.
 
 ```python
-import sys
 import gi
-
-gi.require_version('Gtk', '3.0')
-from gi.repository import Gio
+gi.require_version("Gtk", "3.0")
 from gi.repository import Gtk
 
-class App(Gtk.Application):
-    def __init__(self):
-        Gtk.Application.__init__(self,
-                                 application_id="org.gnome.example",
-                                 flags=Gio.ApplicationFlags.FLAGS_NONE)
+window = Gtk.Window(title="Hello World")
+window.show()
+window.connect("destroy", Gtk.main_quit)
+Gtk.main()
+```
+
+### Explanation
+
+`gi` python module is imported to use APIs linked with the PyGObject.
+
+## Contribute
+
+If you are interested in contributing to the PyGObject project or want to get in touch with the original 
source files, you can visit the project's [git repository](https://gitlab.gnome.org/GNOME/pygobject/) on 
Gitlab.
 
-    def do_activate(self):
-        window = Gtk.ApplicationWindow(application=self)
-        window.show()
+## More Resources
 
-if __name__ == '__main__':
-    app = App()
-    app.run(sys.argv)
-```
\ No newline at end of file
+[Gitlab Project](https://gitlab.gnome.org/GNOME/pygobject/)
+[PyGObject Website](https://pygobject.readthedocs.io/en/latest/)
+[API References](http://lazka.github.io/pgi-docs/)
+[PyGObject Tutorials](https://python-gtk-3-tutorial.readthedocs.io/en/latest/)
\ No newline at end of file
diff --git a/collections/_pages/about.html b/collections/_pages/about.html
new file mode 100644
index 0000000..14ac6d9
--- /dev/null
+++ b/collections/_pages/about.html
@@ -0,0 +1,110 @@
+---
+permalink: /about/
+timeline:
+  - date: August 2007
+    description: Alexander Larsson releases Glick, his first app bundling framework
+  - date: November 2011
+    description: Glick 2 is released, a modernized version of the first Glick framework
+  - date: July 2012
+    description: “GNOME OS” session held at GUADEC, includes initial planning for a new app bundling format
+  - date: September 2012
+    description: Alexander Larsson releases experimental “bundler” framework
+  - date: January 2013
+    description: “Linux Apps” proposal discussed at the GNOME Developer Experience hackfest, Brussels
+  - date: December 2014
+    description: Work begins on xdg-app, which later becomes Flatpak
+  - date: March 2015
+    description: xdg-app 0.1 released, the very first version of Flatpak
+---
+
+{% include header.html %}
+
+<section class="py-4">
+  <div class="container">
+    <div class="row justify-content-center">
+      <div class="col-12">
+
+        <div class="row align-items-start py-4">
+          <div class="col-5 border-bottom pb-3">
+            <h1 class="font-weight-light mb-3">Creation</h1>
+            <span class="lead text-muted">A brief description on how GTK was born.</span>
+          </div>
+          <div class="col-7 pl-5">
+              <p>
+                GTK was initially developed for and used by the GIMP, the GNU Image Manipulation Program. It 
is called the "The GIMP ToolKit" so that the origins of the project are remembered. Today it is more commonly 
known as GTK for short and is used by a large number of applications including the GNU project's GNOME 
desktop.
+              </p>
+              <p>
+                Peter Mattis started it all, with help from Spencer Kimball and Josh Macdonald. Marius 
Vollmer taught us how to make GTK work for language bindings. Lars Hamann and Stefan Jeske added all sorts of 
features to the core widgets. Carsten Haitzler designed and did the first implementation of theme support. 
Shawn Amundson did release management for GTK 1.0 and GTK 1.2.
+              </p>
+          </div>
+        </div>
+
+        <div class="row align-items-start py-4">
+          <div class="col-5 border-bottom pb-3">
+            <h1 class="font-weight-light mb-3">GTK History</h1>
+            <span class="lead text-muted">A timeline about how we achieved our present status.</span>
+          </div>
+          <div class="col-7 pl-5">
+            {% assign timeline = page.timeline %}
+            {% for event in timeline %}
+              <div class="row">
+
+                {% if forloop.first == true %}
+
+                  <div class="col-auto text-center flex-column d-none d-sm-flex px-0">
+                    <h5 class="m-1">
+                      <span class="badge badge-pill bg-light border">&nbsp;</span>
+                    </h5>
+                    <div class="row h-100">
+                      <div class="col border-right">&nbsp;</div>
+                      <div class="col">&nbsp;</div>
+                    </div>
+                  </div>
+
+                {% elsif forloop.last == true %}
+
+                  <div class="col-auto text-center flex-column d-none d-sm-flex px-0">
+                    <h5 class="m-1">
+                      <span class="badge badge-pill bg-light border">&nbsp;</span>
+                    </h5>
+                    <div class="row h-100">
+                      <div class="col">&nbsp;</div>
+                      <div class="col">&nbsp;</div>
+                    </div>
+                  </div>
+
+                {% else %}
+
+                  <div class="col-auto text-center flex-column d-none d-sm-flex px-0">
+                    <h5 class="m-1">
+                      <span class="badge badge-pill bg-light border">&nbsp;</span>
+                    </h5>
+                    <div class="row h-100">
+                      <div class="col border-right">&nbsp;</div>
+                      <div class="col">&nbsp;</div>
+                    </div>
+                  </div>
+
+                {% endif %}
+
+                <div class="col">
+                  <div class="card border-0">
+                    <div class="card-body p-0 pb-4">
+                      <span class="text-info small font-weight-bold">{{ event.date | upcase }}</span>
+                      <br>
+                      <span>{{ event.description | markdownify }}</span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+            {% endfor %}
+          </div>
+        </div>
+
+      </div>
+    </div>
+  </div>
+</section>
+
+{% include footer.html %}
\ No newline at end of file
diff --git a/collections/_pages/index.html b/collections/_pages/index.html
index 5be5422..337b129 100644
--- a/collections/_pages/index.html
+++ b/collections/_pages/index.html
@@ -241,7 +241,8 @@ news_and_events_list:
 <section class="py-4 bg-no-repeat bg-cover" id="development">
   <div class="container">
     <div class="row py-4 px-3">
-      <div class="col-md-6 bg-no-repeat bg-center d-flex justify-content-center align-items-center py-4 
rounded" style="background: url('{{ '/assets/img/wall-gtk-symbolics.png' | prepend: site.url }}')">
+      {% assign back_img = '/assets/img/wall-gtk-symbolics.png' | prepend: site.url %}
+      <div class="col-md-6 bg-no-repeat bg-center d-flex justify-content-center align-items-center py-4 
rounded" style="background: url('{{ back_img }}');">
         <img src="{{ '/assets/img/logo-gtk.png' | prepend: site.url }}" class="img-fluid w-100" 
style="max-width:200px">
       </div>
       <div class="col-md-6 py-3 py-md-0 px-0 px-md-3">
@@ -275,7 +276,8 @@ news_and_events_list:
 </section>
 
 {% assign news_and_events = page.news_and_events_list %}
-<section class="py-4" id="events" style="background: url('{{ '/assets/img/wall-events-pattern.svg' | 
prepend: site.url }}')">
+{% assign back_img = '/assets/img/wall-events-pattern.svg' | prepend: site.url %}
+<section class="py-4" id="events" style="background: url('{{ img_back }}')">
   <div class="container">
     <h2 class="text-center font-weight-light mb-3">News and Events</h2>
     <div class="row py-4">



[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]