From 272a2e9fef12cdba88ba5b7d8932dfcd58ba5c88 Mon Sep 17 00:00:00 2001
From: Adam Samalik <asamalik@redhat.com>
Date: Aug 10 2018 13:49:58 +0000
Subject: [PATCH 1/3] ability to preview homepage or docs


---

diff --git a/antora-ui-builder b/antora-ui-builder
index 295770d..e7f8e6f 100755
--- a/antora-ui-builder
+++ b/antora-ui-builder
@@ -1,3 +1,3 @@
 #!/bin/sh
 
-docker run --rm -it -v $(pwd):/antora:z -p 5252:5252 asamalik/antora-ui-builder $@
+sudo docker run --rm -it -v $(pwd):/antora:z -p 5252:5252 asamalik/antora-ui-builder $@
diff --git a/edit-homepage.sh b/edit-homepage.sh
new file mode 100755
index 0000000..42d4ff2
--- /dev/null
+++ b/edit-homepage.sh
@@ -0,0 +1,4 @@
+#!/bin/sh
+
+cp preview-site-src/homepage.html preview-site-src/index.html
+cp src/layouts/without_menu.hbs src/layouts/default.hbs
diff --git a/preview-site-src/docs.html b/preview-site-src/docs.html
new file mode 100644
index 0000000..70b1a4b
--- /dev/null
+++ b/preview-site-src/docs.html
@@ -0,0 +1,335 @@
+<div id="preamble">
+<div class="sectionbody">
+<div class="paragraph">
+<p>Platonem complectitur mediocritatem ea eos.
+Ei nonumy deseruisse ius.
+Mel id omnes verear.
+Vis no velit audiam, sonet <a href="#dependencies">praesent</a> eum ne.
+<strong>Prompta eripuit</strong> nec ad.</p>
+</div>
+</div>
+</div>
+<div class="sect1">
+<h2 id="cu-solet"><a class="anchor" href="#cu-solet"></a>Cu solet</h2>
+<div class="sectionbody">
+<div class="paragraph">
+<p>Nominavi luptatum eos, an vim hinc philosophia intellegebat.
+Lorem <code>expetenda</code> pertinacia et nec, wisi illud sonet qui ea.
+Eum an doctus <a href="#liber-recusabo">maiestatis efficiantur</a>.
+Eu mea inani iriure.</p>
+</div>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-json hljs" data-lang="json">{
+  "name": "module-name",
+  "version": "10.0.1",
+  "description": "An example module to illustrate the usage of package.json",
+  "author": "Author Name &lt;author@example.com&gt;",
+  "scripts": {
+    "test": "mocha",
+    "lint": "eslint"
+  }
+}</code></pre>
+</div>
+</div>
+<div class="listingblock">
+<div class="title">Example paragraph syntax</div>
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-asciidoc hljs" data-lang="asciidoc">.Optional title
+[example]
+This is an example paragraph.</code></pre>
+</div>
+</div>
+<div class="exampleblock">
+<div class="title">Optional title</div>
+<div class="content">
+This is an example paragraph.
+</div>
+</div>
+<div class="paragraph">
+<p>How about some code?</p>
+</div>
+<div class="listingblock">
+<div class="content">
+<pre class="highlightjs highlight"><code class="language-js hljs" data-lang="js">vfs
+  .src('js/vendor/*.js', { cwd: 'src', cwdbase: true, read: false })
+  .pipe(tap((file) =&gt; { <i class="conum" data-value="1"></i><b>(1)</b>
+    file.contents = browserify(file.relative, { basedir: 'src', detectGlobals: false }).bundle()
+  }))
+  .pipe(buffer())
+  .pipe(uglify())
+  .pipe(gulp.dest('build'))</code></pre>
+</div>
+</div>
+<div class="colist arabic">
+<table>
+<tr>
+<td><i class="conum" data-value="1"></i><b>1</b></td>
+<td>The tap function is used to wiretap the data in the pipe.</td>
+</tr>
+</table>
+</div>
+<div class="paragraph">
+<p>Cum dicat <mark>putant</mark> ne.
+Est in <a href="#inline">reque</a> homero principes, meis deleniti mediocrem ad has.
+Altera atomorum his ex, has cu elitr melius propriae.
+Eos suscipit scaevola at.</p>
+</div>
+<div class="literalblock">
+<div class="content">
+<pre>pom.xml
+src/
+  main/
+    java/
+      HelloWorld.java
+  test/
+    java/
+      HelloWorldTest.java</pre>
+</div>
+</div>
+<div class="paragraph">
+<p>Select <span class="menuseq"><b class="menu">File</b>&#160;<i class="fa fa-angle-right caret"></i> <b class="menuitem">Open Project</b></span> to open the project in your IDE.
+Per ea <b class="button">Cancel</b> inimicus.
+Ferri <kbd>F11</kbd> tacimates constituam sed ex, eu mea munere vituperata <span class="keyseq"><kbd>Ctrl</kbd>+<kbd>T</kbd></span> constituam.</p>
+</div>
+<div class="sidebarblock">
+<div class="content">
+<div class="title">Sidebar</div>
+<div class="paragraph">
+<p>Platonem complectitur mediocritatem ea eos.
+Ei nonumy deseruisse ius.
+Mel id omnes verear.</p>
+</div>
+<div class="paragraph">
+<p>Altera atomorum his ex, has cu elitr melius propriae.
+Eos suscipit scaevola at.</p>
+</div>
+</div>
+</div>
+<div class="sect2">
+<h3 id="liber-recusabo"><a class="anchor" href="#liber-recusabo"></a>Liber recusabo</h3>
+<div class="paragraph">
+<p>No sea, at invenire voluptaria mnesarchum has.
+Ex nam suas nemore dignissim, vel apeirian democritum et.
+At ornatus splendide sed, phaedrum omittantur usu an, vix an noster voluptatibus.</p>
+</div>
+<div class="olist arabic">
+<ol class="arabic">
+<li>
+<p>potenti donec cubilia tincidunt</p>
+</li>
+<li>
+<p>etiam pulvinar inceptos velit quisque aptent himenaeos</p>
+</li>
+<li>
+<p>lacus volutpat semper porttitor aliquet ornare primis nulla enim</p>
+</li>
+</ol>
+</div>
+<div class="paragraph">
+<p>Natum facilisis theophrastus an duo.
+No sea, at invenire voluptaria mnesarchum has.</p>
+</div>
+<div class="ulist">
+<ul>
+<li>
+<p>ultricies sociosqu tristique integer</p>
+</li>
+<li>
+<p>lacus volutpat semper porttitor aliquet ornare primis nulla enim</p>
+</li>
+<li>
+<p>etiam pulvinar inceptos velit quisque aptent himenaeos</p>
+</li>
+</ul>
+</div>
+<div class="paragraph">
+<p>Eu sed antiopam gloriatur.
+Ea mea agam graeci philosophia.</p>
+</div>
+<div class="ulist checklist">
+<ul class="checklist">
+<li>
+<p><i class="fa fa-square-o"></i> todo</p>
+</li>
+<li>
+<p><i class="fa fa-check-square-o"></i> done!</p>
+</li>
+</ul>
+</div>
+<div class="paragraph">
+<p>Vis veri graeci legimus ad.</p>
+</div>
+<div class="dlist">
+<dl>
+<dt class="hdlist1">sed</dt>
+<dd>
+<p>splendide sed</p>
+</dd>
+<dt class="hdlist1">mea</dt>
+<dd>
+<p>agam graeci</p>
+</dd>
+</dl>
+</div>
+<div class="paragraph">
+<p>At ornatus splendide sed.</p>
+</div>
+<table id="dependencies" class="tableblock frame-all grid-all">
+<colgroup>
+<col>
+<col>
+</colgroup>
+<thead>
+<tr>
+<th class="tableblock halign-left valign-top">Library</th>
+<th class="tableblock halign-left valign-top">Version</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">eslint</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">^1.7.3</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">eslint-config-gulp</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">^2.0.0</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">expect</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">^1.20.2</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">istanbul</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">^0.4.3</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">istanbul-coveralls</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">^1.0.3</p></td>
+</tr>
+<tr>
+<td class="tableblock halign-left valign-top"><p class="tableblock">jscs</p></td>
+<td class="tableblock halign-left valign-top"><p class="tableblock">^2.3.5</p></td>
+</tr>
+</tbody>
+</table>
+<div class="paragraph">
+<p>Cum dicat putant ne.
+Est in reque homero principes, meis deleniti mediocrem ad has.
+Altera atomorum his ex, has cu elitr melius propriae.
+Eos suscipit scaevola at.</p>
+</div>
+<div class="admonitionblock tip">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-tip" title="Tip"></i>
+</td>
+<td class="content">
+This oughta do it!
+</td>
+</tr>
+</table>
+</div>
+<div class="paragraph">
+<p>Cum dicat putant ne.
+Est in reque homero principes, meis deleniti mediocrem ad has.
+Altera atomorum his ex, has cu elitr melius propriae.
+Eos suscipit scaevola at.</p>
+</div>
+<div class="admonitionblock note">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-note" title="Note"></i>
+</td>
+<td class="content">
+<div class="paragraph">
+<p>You&#8217;ve been down <em>this</em> road before.</p>
+</div>
+</td>
+</tr>
+</table>
+</div>
+<div class="paragraph">
+<p>Cum dicat putant ne.
+Est in reque homero principes, meis deleniti mediocrem ad has.
+Altera atomorum his ex, has cu elitr melius propriae.
+Eos suscipit scaevola at.</p>
+</div>
+<div class="admonitionblock warning">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-warning" title="Warning"></i>
+</td>
+<td class="content">
+<div class="paragraph">
+<p>Watch out!</p>
+</div>
+</td>
+</tr>
+</table>
+</div>
+<div class="admonitionblock caution">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-caution" title="Caution"></i>
+</td>
+<td class="content">
+<div class="paragraph">
+<p><span id="inline">I wouldn&#8217;t try that if I were you.</span></p>
+</div>
+</td>
+</tr>
+</table>
+</div>
+<div class="admonitionblock important">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-important" title="Important"></i>
+</td>
+<td class="content">
+<div class="paragraph">
+<p>Don&#8217;t forget this step!</p>
+</div>
+</td>
+</tr>
+</table>
+</div>
+<div class="admonitionblock tip">
+<table>
+<tr>
+<td class="icon">
+<i class="fa icon-tip" title="Tip"></i>
+</td>
+<td class="content">
+<div class="title">Key Points to Remember</div>
+<div class="paragraph">
+<p>If you installed the CLI and the default site generator globally, you can upgrade both of them with the same command.</p>
+</div>
+<div class="literalblock">
+<div class="content">
+<pre>$ npm i -g @antora/cli @antora/site-generator-default</pre>
+</div>
+</div>
+</td>
+</tr>
+</table>
+</div>
+<div class="paragraph">
+<p>Nominavi luptatum eos, an vim hinc philosophia intellegebat.
+Eu mea inani iriure.</p>
+</div>
+<h2 id="voluptua-singulis" class="discrete">Voluptua singulis</h2>
+<div class="paragraph">
+<p>Cum dicat putant ne.
+Est in reque homero principes, meis deleniti mediocrem ad has.
+Altera atomorum his ex, has cu elitr melius propriae.
+Eos suscipit scaevola at.</p>
+</div>
+</div>
+</div>
+</div>
\ No newline at end of file
diff --git a/preview-site-src/homepage.html b/preview-site-src/homepage.html
new file mode 100644
index 0000000..a7398e8
--- /dev/null
+++ b/preview-site-src/homepage.html
@@ -0,0 +1,66 @@
+<div class="homepage-page">
+    <div class="homepage-section homepage-section-user-docs">
+        <h2>User Documentation</h2>
+        <div class="homepage-section-container">
+            <a href="../fedora/f28/" class="homepage-link homepage-link-primary">
+                <h3>Fedora&nbsp;28</h3>
+                <p>Documentation covering the most recent release, Fedora&nbsp;28.</p>
+            </a>
+            <a href="../fedora/f27/" class="homepage-link homepage-link-primary">
+                <h3>Fedora&nbsp;27</h3>
+                <p>Documentation covering the Fedora&nbsp;27 release.</p>
+            </a>
+            <a href="../quick-docs/" class="homepage-link homepage-link-primary">
+                <h3>Quick Docs</h3>
+                <p>How tos and tutorials for using and configuring Fedora.</p>
+            </a>
+        </div>
+        <div class="homepage-section-container">
+            <a href="../fedora/rawhide/" class="homepage-link homepage-link-secondary">
+                <h3>Fedora&nbsp;Rawhide</h3>
+                <p>Draft documentation targeting future Fedora releases.</p>
+            </a>
+            <a href="" class="homepage-link homepage-link-secondary">
+                <h3>Older releases</h3>
+                <p>Older Fedora user documentation.</p>
+            </a>
+        </div>
+    </div>
+    <div class="homepage-section homepage-section-project-docs">
+        <h2>Fedora Project &amp; Community</h2>
+        <div class="homepage-section-container">
+            <a href="../project/" class="homepage-link homepage-link-primary">
+                <h3>Fedora Project</h3>
+                <p>Learn how the Fedora Project works.</p>
+            </a>
+            <a href="../council/" class="homepage-link homepage-link-primary">
+                <h3>Fedora Council</h3>
+                <p>Learn about the Fedora Project governance.</p>
+            </a>
+        </div>
+        <div class="homepage-section-container">
+            <a href="../fesco/" class="homepage-link homepage-link-primary">
+                <h3>Engineering (FESCo)</h3>
+                <p>Learn about FESCo and Engineering subprojects, SIGs, Work Groups, and teams.</p>
+            </a>
+            <a href="../mindshare/" class="homepage-link homepage-link-primary">
+                <h3>Mindshare</h3>
+                <p>Learn about Mindshare and its subprojects and teams.</p>
+            </a>
+        </div>
+        <div class="homepage-section-container">
+            <a href="https://budget.fedoraproject.org/" class="homepage-link homepage-link-secondary">
+                <h3>đ Fedora Budget</h3>
+                <p>Information regarding money allocated and spent by the Fedora Project.</p>
+            </a>
+            <a href="https://fedoraproject.org/wiki/Outreachy/2017" class="homepage-link homepage-link-secondary">
+                <h3>đ Fedora's Outreachy Docs</h3>
+                <p>Outreachy is an internship program for people from group underrepresented in free and open source software.</p>
+            </a>
+            <a href="../mentored-projects/gsoc/2018/" class="homepage-link homepage-link-secondary">
+                <h3>Fedora's Google Summer of Code Docs</h3>
+                <p>Information about Fedoraâs participation in Google Summer of Code (GSoC).</p>
+            </a>
+        </div>
+    </div>
+</div>
diff --git a/preview-site-src/index.html b/preview-site-src/index.html
index 70b1a4b..a7398e8 100644
--- a/preview-site-src/index.html
+++ b/preview-site-src/index.html
@@ -1,335 +1,66 @@
-<div id="preamble">
-<div class="sectionbody">
-<div class="paragraph">
-<p>Platonem complectitur mediocritatem ea eos.
-Ei nonumy deseruisse ius.
-Mel id omnes verear.
-Vis no velit audiam, sonet <a href="#dependencies">praesent</a> eum ne.
-<strong>Prompta eripuit</strong> nec ad.</p>
+<div class="homepage-page">
+    <div class="homepage-section homepage-section-user-docs">
+        <h2>User Documentation</h2>
+        <div class="homepage-section-container">
+            <a href="../fedora/f28/" class="homepage-link homepage-link-primary">
+                <h3>Fedora&nbsp;28</h3>
+                <p>Documentation covering the most recent release, Fedora&nbsp;28.</p>
+            </a>
+            <a href="../fedora/f27/" class="homepage-link homepage-link-primary">
+                <h3>Fedora&nbsp;27</h3>
+                <p>Documentation covering the Fedora&nbsp;27 release.</p>
+            </a>
+            <a href="../quick-docs/" class="homepage-link homepage-link-primary">
+                <h3>Quick Docs</h3>
+                <p>How tos and tutorials for using and configuring Fedora.</p>
+            </a>
+        </div>
+        <div class="homepage-section-container">
+            <a href="../fedora/rawhide/" class="homepage-link homepage-link-secondary">
+                <h3>Fedora&nbsp;Rawhide</h3>
+                <p>Draft documentation targeting future Fedora releases.</p>
+            </a>
+            <a href="" class="homepage-link homepage-link-secondary">
+                <h3>Older releases</h3>
+                <p>Older Fedora user documentation.</p>
+            </a>
+        </div>
+    </div>
+    <div class="homepage-section homepage-section-project-docs">
+        <h2>Fedora Project &amp; Community</h2>
+        <div class="homepage-section-container">
+            <a href="../project/" class="homepage-link homepage-link-primary">
+                <h3>Fedora Project</h3>
+                <p>Learn how the Fedora Project works.</p>
+            </a>
+            <a href="../council/" class="homepage-link homepage-link-primary">
+                <h3>Fedora Council</h3>
+                <p>Learn about the Fedora Project governance.</p>
+            </a>
+        </div>
+        <div class="homepage-section-container">
+            <a href="../fesco/" class="homepage-link homepage-link-primary">
+                <h3>Engineering (FESCo)</h3>
+                <p>Learn about FESCo and Engineering subprojects, SIGs, Work Groups, and teams.</p>
+            </a>
+            <a href="../mindshare/" class="homepage-link homepage-link-primary">
+                <h3>Mindshare</h3>
+                <p>Learn about Mindshare and its subprojects and teams.</p>
+            </a>
+        </div>
+        <div class="homepage-section-container">
+            <a href="https://budget.fedoraproject.org/" class="homepage-link homepage-link-secondary">
+                <h3>đ Fedora Budget</h3>
+                <p>Information regarding money allocated and spent by the Fedora Project.</p>
+            </a>
+            <a href="https://fedoraproject.org/wiki/Outreachy/2017" class="homepage-link homepage-link-secondary">
+                <h3>đ Fedora's Outreachy Docs</h3>
+                <p>Outreachy is an internship program for people from group underrepresented in free and open source software.</p>
+            </a>
+            <a href="../mentored-projects/gsoc/2018/" class="homepage-link homepage-link-secondary">
+                <h3>Fedora's Google Summer of Code Docs</h3>
+                <p>Information about Fedoraâs participation in Google Summer of Code (GSoC).</p>
+            </a>
+        </div>
+    </div>
 </div>
-</div>
-</div>
-<div class="sect1">
-<h2 id="cu-solet"><a class="anchor" href="#cu-solet"></a>Cu solet</h2>
-<div class="sectionbody">
-<div class="paragraph">
-<p>Nominavi luptatum eos, an vim hinc philosophia intellegebat.
-Lorem <code>expetenda</code> pertinacia et nec, wisi illud sonet qui ea.
-Eum an doctus <a href="#liber-recusabo">maiestatis efficiantur</a>.
-Eu mea inani iriure.</p>
-</div>
-<div class="listingblock">
-<div class="content">
-<pre class="highlightjs highlight"><code class="language-json hljs" data-lang="json">{
-  "name": "module-name",
-  "version": "10.0.1",
-  "description": "An example module to illustrate the usage of package.json",
-  "author": "Author Name &lt;author@example.com&gt;",
-  "scripts": {
-    "test": "mocha",
-    "lint": "eslint"
-  }
-}</code></pre>
-</div>
-</div>
-<div class="listingblock">
-<div class="title">Example paragraph syntax</div>
-<div class="content">
-<pre class="highlightjs highlight"><code class="language-asciidoc hljs" data-lang="asciidoc">.Optional title
-[example]
-This is an example paragraph.</code></pre>
-</div>
-</div>
-<div class="exampleblock">
-<div class="title">Optional title</div>
-<div class="content">
-This is an example paragraph.
-</div>
-</div>
-<div class="paragraph">
-<p>How about some code?</p>
-</div>
-<div class="listingblock">
-<div class="content">
-<pre class="highlightjs highlight"><code class="language-js hljs" data-lang="js">vfs
-  .src('js/vendor/*.js', { cwd: 'src', cwdbase: true, read: false })
-  .pipe(tap((file) =&gt; { <i class="conum" data-value="1"></i><b>(1)</b>
-    file.contents = browserify(file.relative, { basedir: 'src', detectGlobals: false }).bundle()
-  }))
-  .pipe(buffer())
-  .pipe(uglify())
-  .pipe(gulp.dest('build'))</code></pre>
-</div>
-</div>
-<div class="colist arabic">
-<table>
-<tr>
-<td><i class="conum" data-value="1"></i><b>1</b></td>
-<td>The tap function is used to wiretap the data in the pipe.</td>
-</tr>
-</table>
-</div>
-<div class="paragraph">
-<p>Cum dicat <mark>putant</mark> ne.
-Est in <a href="#inline">reque</a> homero principes, meis deleniti mediocrem ad has.
-Altera atomorum his ex, has cu elitr melius propriae.
-Eos suscipit scaevola at.</p>
-</div>
-<div class="literalblock">
-<div class="content">
-<pre>pom.xml
-src/
-  main/
-    java/
-      HelloWorld.java
-  test/
-    java/
-      HelloWorldTest.java</pre>
-</div>
-</div>
-<div class="paragraph">
-<p>Select <span class="menuseq"><b class="menu">File</b>&#160;<i class="fa fa-angle-right caret"></i> <b class="menuitem">Open Project</b></span> to open the project in your IDE.
-Per ea <b class="button">Cancel</b> inimicus.
-Ferri <kbd>F11</kbd> tacimates constituam sed ex, eu mea munere vituperata <span class="keyseq"><kbd>Ctrl</kbd>+<kbd>T</kbd></span> constituam.</p>
-</div>
-<div class="sidebarblock">
-<div class="content">
-<div class="title">Sidebar</div>
-<div class="paragraph">
-<p>Platonem complectitur mediocritatem ea eos.
-Ei nonumy deseruisse ius.
-Mel id omnes verear.</p>
-</div>
-<div class="paragraph">
-<p>Altera atomorum his ex, has cu elitr melius propriae.
-Eos suscipit scaevola at.</p>
-</div>
-</div>
-</div>
-<div class="sect2">
-<h3 id="liber-recusabo"><a class="anchor" href="#liber-recusabo"></a>Liber recusabo</h3>
-<div class="paragraph">
-<p>No sea, at invenire voluptaria mnesarchum has.
-Ex nam suas nemore dignissim, vel apeirian democritum et.
-At ornatus splendide sed, phaedrum omittantur usu an, vix an noster voluptatibus.</p>
-</div>
-<div class="olist arabic">
-<ol class="arabic">
-<li>
-<p>potenti donec cubilia tincidunt</p>
-</li>
-<li>
-<p>etiam pulvinar inceptos velit quisque aptent himenaeos</p>
-</li>
-<li>
-<p>lacus volutpat semper porttitor aliquet ornare primis nulla enim</p>
-</li>
-</ol>
-</div>
-<div class="paragraph">
-<p>Natum facilisis theophrastus an duo.
-No sea, at invenire voluptaria mnesarchum has.</p>
-</div>
-<div class="ulist">
-<ul>
-<li>
-<p>ultricies sociosqu tristique integer</p>
-</li>
-<li>
-<p>lacus volutpat semper porttitor aliquet ornare primis nulla enim</p>
-</li>
-<li>
-<p>etiam pulvinar inceptos velit quisque aptent himenaeos</p>
-</li>
-</ul>
-</div>
-<div class="paragraph">
-<p>Eu sed antiopam gloriatur.
-Ea mea agam graeci philosophia.</p>
-</div>
-<div class="ulist checklist">
-<ul class="checklist">
-<li>
-<p><i class="fa fa-square-o"></i> todo</p>
-</li>
-<li>
-<p><i class="fa fa-check-square-o"></i> done!</p>
-</li>
-</ul>
-</div>
-<div class="paragraph">
-<p>Vis veri graeci legimus ad.</p>
-</div>
-<div class="dlist">
-<dl>
-<dt class="hdlist1">sed</dt>
-<dd>
-<p>splendide sed</p>
-</dd>
-<dt class="hdlist1">mea</dt>
-<dd>
-<p>agam graeci</p>
-</dd>
-</dl>
-</div>
-<div class="paragraph">
-<p>At ornatus splendide sed.</p>
-</div>
-<table id="dependencies" class="tableblock frame-all grid-all">
-<colgroup>
-<col>
-<col>
-</colgroup>
-<thead>
-<tr>
-<th class="tableblock halign-left valign-top">Library</th>
-<th class="tableblock halign-left valign-top">Version</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">eslint</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">^1.7.3</p></td>
-</tr>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">eslint-config-gulp</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">^2.0.0</p></td>
-</tr>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">expect</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">^1.20.2</p></td>
-</tr>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">istanbul</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">^0.4.3</p></td>
-</tr>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">istanbul-coveralls</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">^1.0.3</p></td>
-</tr>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">jscs</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">^2.3.5</p></td>
-</tr>
-</tbody>
-</table>
-<div class="paragraph">
-<p>Cum dicat putant ne.
-Est in reque homero principes, meis deleniti mediocrem ad has.
-Altera atomorum his ex, has cu elitr melius propriae.
-Eos suscipit scaevola at.</p>
-</div>
-<div class="admonitionblock tip">
-<table>
-<tr>
-<td class="icon">
-<i class="fa icon-tip" title="Tip"></i>
-</td>
-<td class="content">
-This oughta do it!
-</td>
-</tr>
-</table>
-</div>
-<div class="paragraph">
-<p>Cum dicat putant ne.
-Est in reque homero principes, meis deleniti mediocrem ad has.
-Altera atomorum his ex, has cu elitr melius propriae.
-Eos suscipit scaevola at.</p>
-</div>
-<div class="admonitionblock note">
-<table>
-<tr>
-<td class="icon">
-<i class="fa icon-note" title="Note"></i>
-</td>
-<td class="content">
-<div class="paragraph">
-<p>You&#8217;ve been down <em>this</em> road before.</p>
-</div>
-</td>
-</tr>
-</table>
-</div>
-<div class="paragraph">
-<p>Cum dicat putant ne.
-Est in reque homero principes, meis deleniti mediocrem ad has.
-Altera atomorum his ex, has cu elitr melius propriae.
-Eos suscipit scaevola at.</p>
-</div>
-<div class="admonitionblock warning">
-<table>
-<tr>
-<td class="icon">
-<i class="fa icon-warning" title="Warning"></i>
-</td>
-<td class="content">
-<div class="paragraph">
-<p>Watch out!</p>
-</div>
-</td>
-</tr>
-</table>
-</div>
-<div class="admonitionblock caution">
-<table>
-<tr>
-<td class="icon">
-<i class="fa icon-caution" title="Caution"></i>
-</td>
-<td class="content">
-<div class="paragraph">
-<p><span id="inline">I wouldn&#8217;t try that if I were you.</span></p>
-</div>
-</td>
-</tr>
-</table>
-</div>
-<div class="admonitionblock important">
-<table>
-<tr>
-<td class="icon">
-<i class="fa icon-important" title="Important"></i>
-</td>
-<td class="content">
-<div class="paragraph">
-<p>Don&#8217;t forget this step!</p>
-</div>
-</td>
-</tr>
-</table>
-</div>
-<div class="admonitionblock tip">
-<table>
-<tr>
-<td class="icon">
-<i class="fa icon-tip" title="Tip"></i>
-</td>
-<td class="content">
-<div class="title">Key Points to Remember</div>
-<div class="paragraph">
-<p>If you installed the CLI and the default site generator globally, you can upgrade both of them with the same command.</p>
-</div>
-<div class="literalblock">
-<div class="content">
-<pre>$ npm i -g @antora/cli @antora/site-generator-default</pre>
-</div>
-</div>
-</td>
-</tr>
-</table>
-</div>
-<div class="paragraph">
-<p>Nominavi luptatum eos, an vim hinc philosophia intellegebat.
-Eu mea inani iriure.</p>
-</div>
-<h2 id="voluptua-singulis" class="discrete">Voluptua singulis</h2>
-<div class="paragraph">
-<p>Cum dicat putant ne.
-Est in reque homero principes, meis deleniti mediocrem ad has.
-Altera atomorum his ex, has cu elitr melius propriae.
-Eos suscipit scaevola at.</p>
-</div>
-</div>
-</div>
-</div>
\ No newline at end of file
diff --git a/src/layouts/default.hbs b/src/layouts/default.hbs
index 6b30502..9d0df78 100644
--- a/src/layouts/default.hbs
+++ b/src/layouts/default.hbs
@@ -21,7 +21,29 @@
   </head>
   <body class="article">
 {{> header}}
-{{> main}}
+
+
+<div class="main-wrapper">
+  <main class="main" role="main">
+
+<article class="doc" style="margin: 0; max-width: 100%;">
+{{#if (eq page.layout '404')}}
+<div class="paragraph">
+<p>The page you're looking for does not exist. It may have been moved.</p>
+</div>
+<div class="paragraph">
+<p>If you arrived on this page by clicking on a link, please notify the owner of the site that the link is broken.
+If you typed the URL of this page manually, please double check that you entered the address correctly.</p>
+</div>
+{{else}}
+
+{{{page.contents}}}
+{{/if}}
+</article>
+  </main>
+</div>
+
+
 {{> footer}}
   </body>
 </html>
diff --git a/src/partials/footer-content.hbs b/src/partials/footer-content.hbs
index cdeeb47..8b2a6c3 100644
--- a/src/partials/footer-content.hbs
+++ b/src/partials/footer-content.hbs
@@ -1,4 +1,4 @@
 <footer class="footer">
-  <p>This page was built using the Antora default UI.</p>
+  <p>AAAAAAAAAA This page was built using the Antora default UI.</p>
   <p>The source code for this UI is licensed under the terms of the MPL-2.0 license.</p>
 </footer>

From f5899a06fac39cb384df87fed68c72e928d30f64 Mon Sep 17 00:00:00 2001
From: Aura Lila <lila2390@gmail.com>
Date: Aug 27 2018 07:34:58 +0000
Subject: [PATCH 2/3] CSS changes


---

diff --git a/edit-homepage.sh b/edit-homepage.sh
deleted file mode 100755
index 42d4ff2..0000000
--- a/edit-homepage.sh
+++ /dev/null
@@ -1,4 +0,0 @@
-#!/bin/sh
-
-cp preview-site-src/homepage.html preview-site-src/index.html
-cp src/layouts/without_menu.hbs src/layouts/default.hbs
diff --git a/preview-site-src/docs.html b/preview-site-src/docs.html
deleted file mode 100644
index 70b1a4b..0000000
--- a/preview-site-src/docs.html
+++ /dev/null
@@ -1,335 +0,0 @@
-<div id="preamble">
-<div class="sectionbody">
-<div class="paragraph">
-<p>Platonem complectitur mediocritatem ea eos.
-Ei nonumy deseruisse ius.
-Mel id omnes verear.
-Vis no velit audiam, sonet <a href="#dependencies">praesent</a> eum ne.
-<strong>Prompta eripuit</strong> nec ad.</p>
-</div>
-</div>
-</div>
-<div class="sect1">
-<h2 id="cu-solet"><a class="anchor" href="#cu-solet"></a>Cu solet</h2>
-<div class="sectionbody">
-<div class="paragraph">
-<p>Nominavi luptatum eos, an vim hinc philosophia intellegebat.
-Lorem <code>expetenda</code> pertinacia et nec, wisi illud sonet qui ea.
-Eum an doctus <a href="#liber-recusabo">maiestatis efficiantur</a>.
-Eu mea inani iriure.</p>
-</div>
-<div class="listingblock">
-<div class="content">
-<pre class="highlightjs highlight"><code class="language-json hljs" data-lang="json">{
-  "name": "module-name",
-  "version": "10.0.1",
-  "description": "An example module to illustrate the usage of package.json",
-  "author": "Author Name &lt;author@example.com&gt;",
-  "scripts": {
-    "test": "mocha",
-    "lint": "eslint"
-  }
-}</code></pre>
-</div>
-</div>
-<div class="listingblock">
-<div class="title">Example paragraph syntax</div>
-<div class="content">
-<pre class="highlightjs highlight"><code class="language-asciidoc hljs" data-lang="asciidoc">.Optional title
-[example]
-This is an example paragraph.</code></pre>
-</div>
-</div>
-<div class="exampleblock">
-<div class="title">Optional title</div>
-<div class="content">
-This is an example paragraph.
-</div>
-</div>
-<div class="paragraph">
-<p>How about some code?</p>
-</div>
-<div class="listingblock">
-<div class="content">
-<pre class="highlightjs highlight"><code class="language-js hljs" data-lang="js">vfs
-  .src('js/vendor/*.js', { cwd: 'src', cwdbase: true, read: false })
-  .pipe(tap((file) =&gt; { <i class="conum" data-value="1"></i><b>(1)</b>
-    file.contents = browserify(file.relative, { basedir: 'src', detectGlobals: false }).bundle()
-  }))
-  .pipe(buffer())
-  .pipe(uglify())
-  .pipe(gulp.dest('build'))</code></pre>
-</div>
-</div>
-<div class="colist arabic">
-<table>
-<tr>
-<td><i class="conum" data-value="1"></i><b>1</b></td>
-<td>The tap function is used to wiretap the data in the pipe.</td>
-</tr>
-</table>
-</div>
-<div class="paragraph">
-<p>Cum dicat <mark>putant</mark> ne.
-Est in <a href="#inline">reque</a> homero principes, meis deleniti mediocrem ad has.
-Altera atomorum his ex, has cu elitr melius propriae.
-Eos suscipit scaevola at.</p>
-</div>
-<div class="literalblock">
-<div class="content">
-<pre>pom.xml
-src/
-  main/
-    java/
-      HelloWorld.java
-  test/
-    java/
-      HelloWorldTest.java</pre>
-</div>
-</div>
-<div class="paragraph">
-<p>Select <span class="menuseq"><b class="menu">File</b>&#160;<i class="fa fa-angle-right caret"></i> <b class="menuitem">Open Project</b></span> to open the project in your IDE.
-Per ea <b class="button">Cancel</b> inimicus.
-Ferri <kbd>F11</kbd> tacimates constituam sed ex, eu mea munere vituperata <span class="keyseq"><kbd>Ctrl</kbd>+<kbd>T</kbd></span> constituam.</p>
-</div>
-<div class="sidebarblock">
-<div class="content">
-<div class="title">Sidebar</div>
-<div class="paragraph">
-<p>Platonem complectitur mediocritatem ea eos.
-Ei nonumy deseruisse ius.
-Mel id omnes verear.</p>
-</div>
-<div class="paragraph">
-<p>Altera atomorum his ex, has cu elitr melius propriae.
-Eos suscipit scaevola at.</p>
-</div>
-</div>
-</div>
-<div class="sect2">
-<h3 id="liber-recusabo"><a class="anchor" href="#liber-recusabo"></a>Liber recusabo</h3>
-<div class="paragraph">
-<p>No sea, at invenire voluptaria mnesarchum has.
-Ex nam suas nemore dignissim, vel apeirian democritum et.
-At ornatus splendide sed, phaedrum omittantur usu an, vix an noster voluptatibus.</p>
-</div>
-<div class="olist arabic">
-<ol class="arabic">
-<li>
-<p>potenti donec cubilia tincidunt</p>
-</li>
-<li>
-<p>etiam pulvinar inceptos velit quisque aptent himenaeos</p>
-</li>
-<li>
-<p>lacus volutpat semper porttitor aliquet ornare primis nulla enim</p>
-</li>
-</ol>
-</div>
-<div class="paragraph">
-<p>Natum facilisis theophrastus an duo.
-No sea, at invenire voluptaria mnesarchum has.</p>
-</div>
-<div class="ulist">
-<ul>
-<li>
-<p>ultricies sociosqu tristique integer</p>
-</li>
-<li>
-<p>lacus volutpat semper porttitor aliquet ornare primis nulla enim</p>
-</li>
-<li>
-<p>etiam pulvinar inceptos velit quisque aptent himenaeos</p>
-</li>
-</ul>
-</div>
-<div class="paragraph">
-<p>Eu sed antiopam gloriatur.
-Ea mea agam graeci philosophia.</p>
-</div>
-<div class="ulist checklist">
-<ul class="checklist">
-<li>
-<p><i class="fa fa-square-o"></i> todo</p>
-</li>
-<li>
-<p><i class="fa fa-check-square-o"></i> done!</p>
-</li>
-</ul>
-</div>
-<div class="paragraph">
-<p>Vis veri graeci legimus ad.</p>
-</div>
-<div class="dlist">
-<dl>
-<dt class="hdlist1">sed</dt>
-<dd>
-<p>splendide sed</p>
-</dd>
-<dt class="hdlist1">mea</dt>
-<dd>
-<p>agam graeci</p>
-</dd>
-</dl>
-</div>
-<div class="paragraph">
-<p>At ornatus splendide sed.</p>
-</div>
-<table id="dependencies" class="tableblock frame-all grid-all">
-<colgroup>
-<col>
-<col>
-</colgroup>
-<thead>
-<tr>
-<th class="tableblock halign-left valign-top">Library</th>
-<th class="tableblock halign-left valign-top">Version</th>
-</tr>
-</thead>
-<tbody>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">eslint</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">^1.7.3</p></td>
-</tr>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">eslint-config-gulp</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">^2.0.0</p></td>
-</tr>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">expect</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">^1.20.2</p></td>
-</tr>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">istanbul</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">^0.4.3</p></td>
-</tr>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">istanbul-coveralls</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">^1.0.3</p></td>
-</tr>
-<tr>
-<td class="tableblock halign-left valign-top"><p class="tableblock">jscs</p></td>
-<td class="tableblock halign-left valign-top"><p class="tableblock">^2.3.5</p></td>
-</tr>
-</tbody>
-</table>
-<div class="paragraph">
-<p>Cum dicat putant ne.
-Est in reque homero principes, meis deleniti mediocrem ad has.
-Altera atomorum his ex, has cu elitr melius propriae.
-Eos suscipit scaevola at.</p>
-</div>
-<div class="admonitionblock tip">
-<table>
-<tr>
-<td class="icon">
-<i class="fa icon-tip" title="Tip"></i>
-</td>
-<td class="content">
-This oughta do it!
-</td>
-</tr>
-</table>
-</div>
-<div class="paragraph">
-<p>Cum dicat putant ne.
-Est in reque homero principes, meis deleniti mediocrem ad has.
-Altera atomorum his ex, has cu elitr melius propriae.
-Eos suscipit scaevola at.</p>
-</div>
-<div class="admonitionblock note">
-<table>
-<tr>
-<td class="icon">
-<i class="fa icon-note" title="Note"></i>
-</td>
-<td class="content">
-<div class="paragraph">
-<p>You&#8217;ve been down <em>this</em> road before.</p>
-</div>
-</td>
-</tr>
-</table>
-</div>
-<div class="paragraph">
-<p>Cum dicat putant ne.
-Est in reque homero principes, meis deleniti mediocrem ad has.
-Altera atomorum his ex, has cu elitr melius propriae.
-Eos suscipit scaevola at.</p>
-</div>
-<div class="admonitionblock warning">
-<table>
-<tr>
-<td class="icon">
-<i class="fa icon-warning" title="Warning"></i>
-</td>
-<td class="content">
-<div class="paragraph">
-<p>Watch out!</p>
-</div>
-</td>
-</tr>
-</table>
-</div>
-<div class="admonitionblock caution">
-<table>
-<tr>
-<td class="icon">
-<i class="fa icon-caution" title="Caution"></i>
-</td>
-<td class="content">
-<div class="paragraph">
-<p><span id="inline">I wouldn&#8217;t try that if I were you.</span></p>
-</div>
-</td>
-</tr>
-</table>
-</div>
-<div class="admonitionblock important">
-<table>
-<tr>
-<td class="icon">
-<i class="fa icon-important" title="Important"></i>
-</td>
-<td class="content">
-<div class="paragraph">
-<p>Don&#8217;t forget this step!</p>
-</div>
-</td>
-</tr>
-</table>
-</div>
-<div class="admonitionblock tip">
-<table>
-<tr>
-<td class="icon">
-<i class="fa icon-tip" title="Tip"></i>
-</td>
-<td class="content">
-<div class="title">Key Points to Remember</div>
-<div class="paragraph">
-<p>If you installed the CLI and the default site generator globally, you can upgrade both of them with the same command.</p>
-</div>
-<div class="literalblock">
-<div class="content">
-<pre>$ npm i -g @antora/cli @antora/site-generator-default</pre>
-</div>
-</div>
-</td>
-</tr>
-</table>
-</div>
-<div class="paragraph">
-<p>Nominavi luptatum eos, an vim hinc philosophia intellegebat.
-Eu mea inani iriure.</p>
-</div>
-<h2 id="voluptua-singulis" class="discrete">Voluptua singulis</h2>
-<div class="paragraph">
-<p>Cum dicat putant ne.
-Est in reque homero principes, meis deleniti mediocrem ad has.
-Altera atomorum his ex, has cu elitr melius propriae.
-Eos suscipit scaevola at.</p>
-</div>
-</div>
-</div>
-</div>
\ No newline at end of file
diff --git a/preview-site-src/homepage.html b/preview-site-src/homepage.html
deleted file mode 100644
index a7398e8..0000000
--- a/preview-site-src/homepage.html
+++ /dev/null
@@ -1,66 +0,0 @@
-<div class="homepage-page">
-    <div class="homepage-section homepage-section-user-docs">
-        <h2>User Documentation</h2>
-        <div class="homepage-section-container">
-            <a href="../fedora/f28/" class="homepage-link homepage-link-primary">
-                <h3>Fedora&nbsp;28</h3>
-                <p>Documentation covering the most recent release, Fedora&nbsp;28.</p>
-            </a>
-            <a href="../fedora/f27/" class="homepage-link homepage-link-primary">
-                <h3>Fedora&nbsp;27</h3>
-                <p>Documentation covering the Fedora&nbsp;27 release.</p>
-            </a>
-            <a href="../quick-docs/" class="homepage-link homepage-link-primary">
-                <h3>Quick Docs</h3>
-                <p>How tos and tutorials for using and configuring Fedora.</p>
-            </a>
-        </div>
-        <div class="homepage-section-container">
-            <a href="../fedora/rawhide/" class="homepage-link homepage-link-secondary">
-                <h3>Fedora&nbsp;Rawhide</h3>
-                <p>Draft documentation targeting future Fedora releases.</p>
-            </a>
-            <a href="" class="homepage-link homepage-link-secondary">
-                <h3>Older releases</h3>
-                <p>Older Fedora user documentation.</p>
-            </a>
-        </div>
-    </div>
-    <div class="homepage-section homepage-section-project-docs">
-        <h2>Fedora Project &amp; Community</h2>
-        <div class="homepage-section-container">
-            <a href="../project/" class="homepage-link homepage-link-primary">
-                <h3>Fedora Project</h3>
-                <p>Learn how the Fedora Project works.</p>
-            </a>
-            <a href="../council/" class="homepage-link homepage-link-primary">
-                <h3>Fedora Council</h3>
-                <p>Learn about the Fedora Project governance.</p>
-            </a>
-        </div>
-        <div class="homepage-section-container">
-            <a href="../fesco/" class="homepage-link homepage-link-primary">
-                <h3>Engineering (FESCo)</h3>
-                <p>Learn about FESCo and Engineering subprojects, SIGs, Work Groups, and teams.</p>
-            </a>
-            <a href="../mindshare/" class="homepage-link homepage-link-primary">
-                <h3>Mindshare</h3>
-                <p>Learn about Mindshare and its subprojects and teams.</p>
-            </a>
-        </div>
-        <div class="homepage-section-container">
-            <a href="https://budget.fedoraproject.org/" class="homepage-link homepage-link-secondary">
-                <h3>đ Fedora Budget</h3>
-                <p>Information regarding money allocated and spent by the Fedora Project.</p>
-            </a>
-            <a href="https://fedoraproject.org/wiki/Outreachy/2017" class="homepage-link homepage-link-secondary">
-                <h3>đ Fedora's Outreachy Docs</h3>
-                <p>Outreachy is an internship program for people from group underrepresented in free and open source software.</p>
-            </a>
-            <a href="../mentored-projects/gsoc/2018/" class="homepage-link homepage-link-secondary">
-                <h3>Fedora's Google Summer of Code Docs</h3>
-                <p>Information about Fedoraâs participation in Google Summer of Code (GSoC).</p>
-            </a>
-        </div>
-    </div>
-</div>
diff --git a/src/css/doc.css b/src/css/doc.css
index 4528802..ca15768 100644
--- a/src/css/doc.css
+++ b/src/css/doc.css
@@ -24,8 +24,19 @@
   margin: 1rem 0 0;
 }
 
-.doc h3 {
+article.doc h1 {
+  font-family: Montserrat,sans-serif;
   font-weight: 500;
+  color: #294172!important;
+}
+
+ul.nav-list {
+  font-family: Open sans,Helvetica,Arial;
+}
+
+.doc h3 {
+  font-family: 'Montserrat', sans-serif;
+  font-size: 24px;
 }
 
 .doc h1 > a.anchor,
@@ -256,11 +267,14 @@
   border-bottom: 1px solid #ddd;
   margin-left: -1rem;
   margin-right: -1rem;
-  padding: 0.4rem 1rem 0.1rem;
+  padding: 0.4rem 1.5rem 0.1rem;
+  font-size: 36px;
+  font-family: 'Montserrat', sans-serif;
 }
 
 .doc p {
-  font-size: 0.95rem;
+  font-size: 18px;
+  font-family: "Open sans", Helvetica, Arial;
   margin: 0;
 }
 
diff --git a/src/css/footer.css b/src/css/footer.css
index a0f5cf5..d4d372d 100644
--- a/src/css/footer.css
+++ b/src/css/footer.css
@@ -1,12 +1,16 @@
 footer.footer {
   font-size: 0.85rem;
-  background-color: #2c2c2c;
+  background-color: #e6e6e6;
   color: #8e8e8e;
   padding: 0.5rem 1rem;
 }
 
 .footer p {
   margin: 0.5rem 0;
+  font-size: 17px;
+  font-weight: bold;
+  color: #8d8d8d;
+  font-family: "Open sans", Helvetica, Arial;
 }
 
 .footer a {
diff --git a/src/css/homepage.css b/src/css/homepage.css
index a12b000..1a0c7bb 100644
--- a/src/css/homepage.css
+++ b/src/css/homepage.css
@@ -1,9 +1,13 @@
 div.homepage-section h3,
 div.homepage-section p {
-    color: #222;
+    color: #fff;
     margin: 0;
 }
 
+div.homepage-section h3 {
+    padding-bottom: 0.2em;
+}
+
 div.homepage-section-container {
     display: flex;
     flex-wrap: wrap;
@@ -16,12 +20,17 @@ div.homepage-section a.homepage-link {
     border-radius: 10px;
 }
 
+.homepage-page {
+    margin-top: 2.5em;
+}
+
 div.homepage-section a.homepage-link:hover {
     text-decoration: none;
 }
 
 div.homepage-section a.homepage-link-primary {
-    background-color: #ccc;
+    background: rgba(0, 0, 0, 0) radial-gradient(ellipse at 50% 50%,
+    #294172 15%, #233862 70%) repeat scroll 0 0;
     flex: 1 1 300px;
 }
 
@@ -30,25 +39,21 @@ div.homepage-section a.homepage-link-primary:hover {
 }
 
 div.homepage-section a.homepage-link-secondary {
-    background-color: #eee;
+    background-color: #3c6eb4;
     font-size: 0.8em;
     flex: 1 1 200px;
 }
 
-div.homepage-section a.homepage-link-secondary:hover {
+/* div.homepage-section a.homepage-link-secondary:hover {
     background-color: #f3f3f3;
     font-size: 0.8em;
-}
+} */
 
 div.homepage-section a.homepage-link-secondary p {
-    font-size: 1em;
+    font-size: 18px;
 }
 
 
-
-
-
-
 div.home-page div.container-header {
     padding: 20px 10px 0;
 }
@@ -59,6 +64,20 @@ div.home-page div.container-header h2{
     padding: 0;
 }
 
+.doc h2:not(.discrete) {
+    border-bottom: 1px solid #ddd;
+    margin-left: -1rem;
+    margin-right: -1rem;
+    padding: 0.8rem 1.5rem 0.8rem;
+    font-size: 34px;
+    font-family: Montserrat,sans-serif;
+    margin-top: 1em;
+    font-weight: 500;
+    margin-bottom: 0.3em;
+    color: #294172!important;
+    background-image: linear-gradient(180deg,#eee 0,#ddd);
+}
+
 div.home-page div.container-releases,
 div.home-page div.container-project,
 div.home-page div.container-contributors {
@@ -111,4 +130,3 @@ div.home-page .flex-container a.container-third {
 div.home-page .flex-container h3, .flex-container p{
     margin: 10px;
 }
-
diff --git a/src/partials/footer-content.hbs b/src/partials/footer-content.hbs
index 8b2a6c3..cdeeb47 100644
--- a/src/partials/footer-content.hbs
+++ b/src/partials/footer-content.hbs
@@ -1,4 +1,4 @@
 <footer class="footer">
-  <p>AAAAAAAAAA This page was built using the Antora default UI.</p>
+  <p>This page was built using the Antora default UI.</p>
   <p>The source code for this UI is licensed under the terms of the MPL-2.0 license.</p>
 </footer>

From 81e12e856b83b4c7437cfd0f17eb380e7656a198 Mon Sep 17 00:00:00 2001
From: Aura Lila <lila2390@gmail.com>
Date: Aug 29 2018 14:33:59 +0000
Subject: [PATCH 3/3] Change to Open Sans for headings


---

diff --git a/src/css/doc.css b/src/css/doc.css
index ca15768..319c6c2 100644
--- a/src/css/doc.css
+++ b/src/css/doc.css
@@ -25,17 +25,17 @@
 }
 
 article.doc h1 {
-  font-family: Montserrat,sans-serif;
+  font-family: "Open sans", Helvetica, Arial;
   font-weight: 500;
   color: #294172!important;
 }
 
 ul.nav-list {
-  font-family: Open sans,Helvetica,Arial;
+  font-family: "Open sans", Helvetica, Arial;
 }
 
 .doc h3 {
-  font-family: 'Montserrat', sans-serif;
+  font-family: "Open sans", Helvetica, Arial;
   font-size: 24px;
 }
 
@@ -269,12 +269,12 @@ ul.nav-list {
   margin-right: -1rem;
   padding: 0.4rem 1.5rem 0.1rem;
   font-size: 36px;
-  font-family: 'Montserrat', sans-serif;
+  font-weight: 600;
+  font-family: "Open sans", Helvetica, Arial;
 }
 
 .doc p {
   font-size: 18px;
-  font-family: "Open sans", Helvetica, Arial;
   margin: 0;
 }
 
diff --git a/src/css/homepage.css b/src/css/homepage.css
index 1a0c7bb..6e438e3 100644
--- a/src/css/homepage.css
+++ b/src/css/homepage.css
@@ -70,9 +70,9 @@ div.home-page div.container-header h2{
     margin-right: -1rem;
     padding: 0.8rem 1.5rem 0.8rem;
     font-size: 34px;
-    font-family: Montserrat,sans-serif;
+    font-family: "Open sans", Helvetica, Arial;
     margin-top: 1em;
-    font-weight: 500;
+    font-weight: 600;
     margin-bottom: 0.3em;
     color: #294172!important;
     background-image: linear-gradient(180deg,#eee 0,#ddd);