Update the homepage layout and move the GitHub link.

SaillantNicolas · Jan 4, 2024 · d5bdf69 · d5bdf69
1 parent 4b0aae6
commit d5bdf69
Show file tree

Hide file tree

Showing 3 changed files with 32 additions and 9 deletions.
diff --git a/_includes/themes/cgal/default.html b/_includes/themes/cgal/default.html
@@ -107,8 +107,11 @@
     <div class="section section-breadcrumbs">
       <div class="container">
         <div class="row">
-          <div class="col-md-12">
+          <div class="col-md-12 home-title">
             <h1>{{ page.title }} {% if page.tagline %} <small>{{ page.tagline }}</small>{% endif %}</h1>
+            <a style="text-align: right;" href="https://github.com/cgal/cgal" alt="The CGAL Project's github">
+              <span class="btn-dark-orange github-link fs-5">CGAL/cgal <i class="bi bi-github"></i></span>
+            </a>
           </div>
         </div>
       </div>
@@ -122,9 +125,6 @@ <h1>{{ page.title }} {% if page.tagline %} <small>{{ page.tagline }}</small>{% e
         <div class="col-md-12">
           <div class="footer-copyright">
             <div style="float: left;">
-              <a href="https://github.com/cgal/cgal" alt="The CGAL Project's github">
-                <i class="bi bi-github btn-dark-orange"></i>
-              </a>
               <a href="https://twitter.com/TheCGALProject" alt="The CGAL Project's Twitter">
                 <img src="{{ BASE_PATH }}/images/icons/twitter.svg" class="center-block btn-dark-orange" alt="Twitter" height="18"></img>
               </a>

diff --git a/index.html b/index.html
@@ -71,7 +71,7 @@ <h3 class="slideSubTitle">
 </div>
 
 <div class="container">
-  <div class="row">
+  <div class="row home-description">
     <div class="blog-post blog-single-post col-md-12">
       <p>CGAL is an open source software project that provides easy access to efficient and reliable geometric algorithms in the form of a C++ library.
       CGAL is used in various areas needing geometric computation, such as geographic information systems, computer aided design,

diff --git a/style.css b/style.css
@@ -1,11 +1,29 @@
+html {
+  font-size: 85%;
+}
+
 a {
   text-decoration: none;
 }
 
+.home-title {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.github-link {
+  margin-left: auto;
+}
+
 .download-service-wrapper {
   text-align: center !important;
 }
 
+.home-description {
+  margin-bottom: 15px;
+}
+
 .download-row {
   display: flex;
 }
@@ -14,6 +32,10 @@ a {
   display: flex;
 }
 
+.bottom-container>div {
+  padding: 0 10px;
+}
+
 .dropdown-menu {
   position: absolute;
   top: 100%;
@@ -97,8 +119,8 @@ code {
   transition: width 0.5s ease;
 }
 
-.bx-wrapper{
-  border : none;
+.bx-wrapper {
+  border: none;
 }
 
 
@@ -198,15 +220,16 @@ code {
   padding-left: 15px;
   padding-right: 15px
 }
-.thumbnail{
+
+.thumbnail {
   display: block;
   margin-bottom: 20px;
   padding: 4px;
   border: solid 1px #ccc;
   overflow: hidden;
 }
 
-.thumbnail>img{
+.thumbnail>img {
   margin-left: auto;
   margin-right: auto;
   max-width: 100%;