[guadec-web/oscp-2019] Update the design of GUADEC logo



commit 45a9c4cc34c4d01a3c04ae91a40c2817121e55e7
Author: Tom Tryfonidis <tomtryf gmail com>
Date:   Tue Jan 29 19:38:42 2019 +0200

    Update the design of GUADEC logo

 pelicanconf.py          |  2 +-
 src/haml/base/base.haml |  1 +
 src/haml/index.haml     |  9 +++++----
 src/sass/screen.sass    | 46 +++++++++++++++++++++++++++++++++++++++-------
 4 files changed, 46 insertions(+), 12 deletions(-)
---
diff --git a/pelicanconf.py b/pelicanconf.py
index f2f253b..fad39df 100644
--- a/pelicanconf.py
+++ b/pelicanconf.py
@@ -33,7 +33,7 @@ SITEDOMAIN = 'localhost'
 SITEURL = 'http://%s:8000' % SITEDOMAIN
 
 GUADEC_LOCATION = "Thessaloniki, Greece"
-GUADEC_DATES = "August 23<sup>rd</sup> - 28<sup>th</sup>"
+GUADEC_DATES = "August 23<sup>rd</sup> — 28<sup>th</sup>"
 OPEN_REGISTRATION = False
 
 # Menu links
diff --git a/src/haml/base/base.haml b/src/haml/base/base.haml
index c8a9a9a..bb4dbe2 100644
--- a/src/haml/base/base.haml
+++ b/src/haml/base/base.haml
@@ -43,6 +43,7 @@
 
 
         %link{:rel => "stylesheet", :href => "{{ SITEURL }}/theme/css/screen.css"}
+        %link{:rel => "stylesheet", :href => "https://static.gnome.org/css/fonts.css"}
         %noscript
           %link{:rel => "stylesheet", :href => "{{ SITEURL }}/theme/css/noscript.css"}
 
diff --git a/src/haml/index.haml b/src/haml/index.haml
index 8234381..3f72a29 100644
--- a/src/haml/index.haml
+++ b/src/haml/index.haml
@@ -37,9 +37,10 @@
         .row.hero-home
             .col
                 .h1
+                   .logo
                     The
-                    %img{:src => "/theme/img/gnome-logo.svg", :alt => "GNOME", :height => "60"}
-                    conference
+                    %img{:src => "/theme/img/gnome-logo.svg", :alt => "GNOME"}
+                    Conference
 
                 .h1.guadec
                     GUADEC
@@ -47,7 +48,7 @@
                 .h4
                     {{ GUADEC_LOCATION }}
 
-                .h5.thin-text
+                .h5
                     {{ GUADEC_DATES }}
 
 
@@ -57,7 +58,7 @@
             .col
                 -# %a{:href => "https://www.flickr.com/photos/89175706@N00/28434184137/in/photostream/"}
                 -#     %img{:src => "/images/group_photo-28434184137_f3102ac89e_b.jpg", :alt => "CC BY-SA 
GuilleFuertes" }
-                .h4.text-center GUADEC brings together Free Software enthusiasts and professionals from all 
over the world. Join us for six days of talks, demos, discussion, parties, games and more.
+                .h2.text-center GUADEC brings together Free Software enthusiasts and professionals from all 
over the world. Join us for six days of talks, demos, discussion, parties, games and more.
 
         -if SPONSORS
             .row.sponsors-home
diff --git a/src/sass/screen.sass b/src/sass/screen.sass
index 14ec329..a1ab9f8 100644
--- a/src/sass/screen.sass
+++ b/src/sass/screen.sass
@@ -45,9 +45,27 @@ body
     background-color: $footerbg
 
 h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5
-    color: $headerbg
     margin: 20px 0
 
+h1, .h1
+    font-size: 2.4rem
+    font-weight: 200
+
+h2, .h2
+    color: $headerbg
+    font-weight: 400
+    font-size: 1.5rem
+
+h3, .h3
+    font-weight: 300
+    font-size: 1.3rem
+
+h4, .h4
+    color: #808080
+    font-weight: 600
+    font-size: 1rem
+
+
 blockquote
     border-left: 3px $headerbg solid
     background-color: #f0f0f0
@@ -129,7 +147,6 @@ img
         text-align: center
         padding: 20px 0 50px
 
-
         .h1
             font-size: 1.5em
             font-weight: 200
@@ -138,11 +155,26 @@ img
 
             &.guadec
                 font-family: 'Cantarell', sans-serif
-                font-size: 5em
-                font-weight: 500
+                font-size: 4.7em
+                font-weight: 400
                 text-transform: uppercase
-                font-weight: bold
-                letter-spacing: -4px
+                letter-spacing: -6px
+                line-height: 1.1
+
+        .logo
+            display: flex
+            align-items: center
+            justify-content: center
+            margin-left: 15px
+
+        .h4
+            font-size: 1.5rem
+            margin: 5px 0
+            font-weight: 400
+
+        .h5
+            font-size: 1.4rem
+            font-weight: 300
 
         @media screen and (max-width: 768px)
             .h1
@@ -164,7 +196,7 @@ img
             li.nav-item
                 font-size: large
                 color: $headerfg
-                margin: 10px
+                margin: 0 5px
                 font-weight: bold
 
         .dropdown-menu


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