Better responsiveness, homepage and footer

This commit is contained in:
John J. Camilleri
2018-11-28 22:14:58 +01:00
parent 6278deb7a2
commit 9e02319b6d
2 changed files with 19 additions and 29 deletions

View File

@@ -59,7 +59,8 @@ $body$
<footer class="bg-light mt-5 py-5">
<div class="container">
<div class="row">
<div class="col-3">
<div class="col-6 col-sm-3">
<a href="$rel-root$">
<i class="fas fa-home"></i>
Home
@@ -72,7 +73,8 @@ $body$
<li><a href="$rel-root$/download">Download GF</a></li>
</ul>
</div>
<div class="col-3">
<div class="col-6 col-sm-3">
<h6 class="text-muted">Learn more</h6>
<ul class="list-unstyled">
<li><a href="$rel-root$/gf-book">The GF Book</a></li>
@@ -82,7 +84,8 @@ $body$
<li><a href="$rel-root$/lib/doc/synopsis/index.html">RGL Library Synopsis</a></li>
</ul>
</div>
<div class="col-3">
<div class="col-6 col-sm-3">
<h6 class="text-muted">Develop</h6>
<ul class="list-unstyled">
<li><a href="$rel-root$/doc/gf-developers.html">Developers Guide</a></li>
@@ -92,7 +95,8 @@ $body$
<li><a href="$rel-root$/doc/gf-editor-modes.html">Text Editor Support</a></li>
</ul>
</div>
<div class="col-3">
<div class="col-6 col-sm-3">
<h6 class="text-muted">Contribute</i>
</h6>
<ul class="list-unstyled">
@@ -101,7 +105,6 @@ $body$
<li><a href="$rel-root$/doc/gf-people.html">Authors</a></li>
<li><a href="http://school.grammaticalframework.org/2018/">Summer School</a></li>
</ul>
<h6 class="text-muted">
Repositories
<i class="fab fa-github ml-1"></i>

View File

@@ -14,15 +14,15 @@
</head>
<body>
<div class="container-fluid" style="max-width:1200px">
<div class="container-fluid my-5" style="max-width:1200px">
<div class="m-4 text-center">
<div class="text-center">
<img style="height:250px" src="doc/Logos/gf1.svg" alt="GF Logo">
<h1 class="display-3" style="text-shadow: 1px 1px 5px #999;">Grammatical Framework</h1>
<h1 class="display-4" style="text-shadow: 1px 1px 5px #999; overflow-x: scroll">Grammatical Framework</h1>
<h4 class="text-black-50">A programming language for multilingual grammar applications</h4>
</div>
<div class="row">
<div class="row my-4">
<div class="col-sm-6 col-md-3">
<h3>Get started</h3>
@@ -37,7 +37,7 @@
<li><a href="doc/tutorial/gf-tutorial.html">Tutorial</a></li>
</ul>
<a href="download/index.html" class="btn btn-primary mb-3">
<a href="download/index.html" class="btn btn-primary ml-3">
<i class="fas fa-download mr-1"></i>
Download GF
</a>
@@ -53,7 +53,7 @@
<li><a href="http://www.molto-project.eu/sites/default/files/MOLTO_D2.3.pdf">Best Practices</a> <small>[PDF]</small></li>
</ul>
<a href="lib/doc/synopsis/index.html" class="btn btn-primary mb-2">
<a href="lib/doc/synopsis/index.html" class="btn btn-primary ml-3">
<i class="fab fa-readme mr-1"></i>
RGL Synopsis
</a>
@@ -81,7 +81,7 @@
<li><a href="doc/gf-people.html">Authors</a></li>
<li><a href="http://school.grammaticalframework.org/2018/">Summer School</a></li>
</ul>
<a href="https://github.com/GrammaticalFramework/" class="btn btn-primary mb-2">
<a href="https://github.com/GrammaticalFramework/" class="btn btn-primary ml-3">
<i class="fab fa-github mr-1"></i>
GF on GitHub
</a>
@@ -89,19 +89,6 @@
</div>
<!-- <div class=links>
<h4>Related to GF</h4>
<ul>
<li><a href="http://school.grammaticalframework.org/"><strong>GF Summer School</strong></a></li>
<li><a href="http://www.postcrashgames.com/gf_world/">Coverage Map</a></li>
<li><a href="doc/gf-bibliography.html">Publications</a></li>
<li><a href="http://remu.grammaticalframework.org/">The REMU Project</a></li>
<li><a href="http://www.molto-project.eu">The MOLTO Project</a></li>
<li><a href="http://en.wikipedia.org/wiki/Grammatical_Framework">GF on Wikipedia</a></li>
<li><p><a href="Http://www.digitalgrammars.com/">Digital Grammars AB</a></li>
</ul>
</div> -->
<h2>What is GF?</h2>
<p>
GF, Grammatical Framework, is a programming language for
@@ -157,7 +144,7 @@ least one, it may help you to get a first idea of what GF is.
<div class="row">
<div class="col-sm-6">
<div class="col-md-6">
<h2>Applications & Availability</h2>
<p>
GF can be used for building
@@ -169,8 +156,8 @@ least one, it may help you to get a first idea of what GF is.
</p>
<p>
GF is <strong>open-source</strong>, licensed under <a href="liCENSE">GPL</a> (the program) and
<a href="./liCENSE">LGPL</a> and <a href="./liCENSE">BSD</a> (the libraries). It
GF is <strong>open-source</strong>, licensed under <a href="LICENSE">GPL</a> (the program) and
<a href="LICENSE">LGPL</a> and <a href="LICENSE">BSD</a> (the libraries). It
is available for
</p>
<ul>
@@ -224,7 +211,7 @@ least one, it may help you to get a first idea of what GF is.
</div>
<div class="col-sm-6">
<div class="col-md-6">
<h2>News</h2>
<dl class="row">