You are viewing a plain text version of this content. The canonical link for it is here.
Posted to notifications@ignite.apache.org by dm...@apache.org on 2020/12/29 19:02:01 UTC

[ignite-website] branch ignite-13779 updated: Ignite 13779 (#62)

This is an automated email from the ASF dual-hosted git repository.

dmagda pushed a commit to branch ignite-13779
in repository https://gitbox.apache.org/repos/asf/ignite-website.git


The following commit(s) were added to refs/heads/ignite-13779 by this push:
     new 90b4738  Ignite 13779 (#62)
90b4738 is described below

commit 90b4738b0c331c3226c6892739db1da2532dc47d
Author: Mauricio Stekl <ma...@stekl.org>
AuthorDate: Tue Dec 29 16:01:55 2020 -0300

    Ignite 13779 (#62)
    
    * initial rework of features  section  on the homepage
    
    * more adjustments to new features section; menu opens with hover; responsiveness fixes; other minor tweaks
    
    * reworked the main banner design; also updated the architects section with  diagrams; some responsiveness and other small css issues fixed
    
    * updated diagram for db use case
    
    * changes to Architects section; new diagrams; tweaks on css for features
    
    * implementing accordion
    
    * fixed height for white area under features section
    
    * added accordion markup and reordered sections
    
    * swapped places for features; updates on the banner; added users logos section; added documentationt to navigation;
    
    * fixed small alignment issues; font for features section; added ParticleJS effect to main banner
    
    * multiple changes to layout and homepage
    
    * updated use-cases section on the homepage; list of logos; finished accordion for features section on mobile
    
    * updated the docs navigation with API links; examples; and language selector
    
    * rebuilt docs with the new template
    
    * added dutch railways
    
    * updated users logos; updated DB diagram and fixed alignments; updated footer content
    
    * updated nav for documentation; rebuilt it with new templates
    
    * reordered features and added GA events for tabs; removed shadows; adjusted size for 2nd line on banner; also added icon to button on banner
    
    * adjusted grayscale for logos
    
    * several optimization for mobile screen sizes
    
    * made the links under Example to open on a new tab
    
    * more fixes for responsiveness on small screeens
    
    * did a few performance optimizations
    
    * fixed long titles for accordion widget; also updated diagram on homepage
    
    * responsive: moved learn more buttons below the diagrams on use-cases section
---
 css/ignite-redesign.css |  2 +-
 scss/homepage.scss      | 74 +++++++++++++++++++++++++++++--------------------
 2 files changed, 45 insertions(+), 31 deletions(-)

diff --git a/css/ignite-redesign.css b/css/ignite-redesign.css
index 3d3f719..36849cc 100644
--- a/css/ignite-redesign.css
+++ b/css/ignite-redesign.css
@@ -1 +1 @@
-@charset "UTF-8";code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=langu [...]
\ No newline at end of file
+@charset "UTF-8";code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=langu [...]
\ No newline at end of file
diff --git a/scss/homepage.scss b/scss/homepage.scss
index 4701904..97122bc 100644
--- a/scss/homepage.scss
+++ b/scss/homepage.scss
@@ -697,7 +697,49 @@ section.section-block {
     }
     
     
-   
+    #home-use-cases {
+        padding: 3rem 1rem;
+        
+
+        .container {
+            .row {
+                padding: 4rem 0;
+                flex-wrap: wrap;
+                position: relative;
+
+                h3 {
+                    width: 100%;
+                }
+                
+                .txt-wrapper, .diagram-wrapper {
+                    width: 100%;
+                    padding-left: 0 !important;
+                    padding-right: 0 !important;
+                    margin-bottom: 2rem;
+                    text-align: left;
+                }
+                .txt-wrapper {
+                    p {
+                        margin-bottom: 0;;
+                    }
+                }
+                .diagram-wrapper {
+                    text-align: center;
+                    img {
+                        height: auto;
+                    }
+                }
+                
+                .btn {
+                    margin: 0 auto;
+                    position: absolute;
+                    bottom: 10px;
+                    left: 50%;
+                    transform: translate(-50%, -50%);
+                }
+            }
+        }
+    }
 
     
 }
@@ -758,35 +800,7 @@ section.section-block {
         }
     }
 
-    #home-use-cases {
-        padding-right: 1rem;
-        padding-left: 1rem;
-
-        .container {
-            .row {
-                padding: 2rem 0;
-                flex-wrap: wrap;
-
-                h3 {
-                    width: 100%;
-                }
-                .txt-wrapper, .diagram-wrapper {
-                    width: 100%;
-                    padding-left: 0 !important;
-                    padding-right: 0 !important;
-                    margin-bottom: 2rem;
-                    text-align: left;
-                }
-                .diagram-wrapper {
-                    text-align: center;
-                }
-                
-                .btn {
-                    margin: 0 auto;
-                }
-            }
-        }
-    }
+   
     
    
 }