Update JupyterCon logo in banner

Author: SylvainCorlay

assets/css/main.scss

@@ -32,22 +32,25 @@
 }
 
 .con-container {
-    background-image: url('../assets/jupytercon-planet.jpg');
-    background-size: 100%;
+    background: rgba(0, 0, 0, 0.5) url("../jupytercon-paris.jpg");
+    background-size: cover;
     background-repeat: no-repeat;
-    min-height: 350px;
-    text-align: right;
+    background-blend-mode: darken;
+    text-align: center;
 }
 
 .con-content {
     max-width: 1200px;
     margin: 0 auto;
     float: none !important;
+    padding: 40px;
 }
 
 .con-title {
-    float: right;
+    margin-left: auto;
+    margin-right: auto;
     clear:both;
+    width: 100%;
     max-width: 500px;
 }
 
@@ -56,7 +59,6 @@
     filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.3));
 }
 
-
 .con-subtitle {
     float: right;
     clear: both;
@@ -69,11 +71,11 @@
     font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
     line-height: 34px;
     color: #FFFFFF;
-    float: right;
     clear: both;
-    margin-right: 10px;
-    margin-bottom: -10px;
-
+    margin-right: auto;
+    margin-left: auto;
+    margin-top: 10px;
+    margin-bottom: 10px;
 }
 
 .con-program p {
@@ -86,10 +88,10 @@
     font-size: 30px;
     line-height: 34px;
     color: #FFFFFF;
-    float: right;
-    margin-right: 10px;
-    margin-top: 36px;
-    margin-bottom: -10px
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: 10px;
+    margin-bottom: 10px
 }
 
 .con-copy {
@@ -98,7 +100,7 @@
     line-height: 21px;
     font-weight: 200;
     color: black;
-    text-align: right;
+    text-align: center;
     float: right;
     width: 460px;
     height: 44px;
@@ -112,7 +114,7 @@
     line-height: 33px;
     font-weight: 200;
     color: black;
-    text-align: right;
+    text-align: center;
     float: right;
     width: 460px;
     height: 34px;
@@ -154,13 +156,6 @@
     text-decoration: underline;
 }
 
-
-.con-container {
-    background-image: url('../jupytercon-planet.jpg');
-    background-repeat: no-repeat;
-    background-size: cover;
-    text-align: right;
-}
 .con-subtitle {
     color: black;
     font-weight: 400;

assets/jupytercon-logo-darkbg.png

@@ -254,11 +254,11 @@
             <div class="col-md-12" style='padding:0'>
                 <div class="con-container img-responsive">
                     <div class="col-lg-8 con-content md-offset-2">
-                        <div class="con-date dropshadow">May 10–12, 2023</div>
-                        <img class="con-title dropshadow img-responsive" src="assets/jupytercon-logo.png" alt="The JupyterCon Logo" />
+                        <img class="con-title img-responsive" src="assets/jupytercon-logo-darkbg.png" alt="The JupyterCon Logo" />
+                        <div class="con-date">May 10–12, 2023</div>
                         <div class="con-program">
-                            <p class="dropshadow">Cité des sciences, Paris</p>
-                            <p class="dropshadow"><abbr title="Call for proposals">CFP</abbr> opens October 31</p>
+                            <p>Cité des Sciences, Paris</p>
+                            <p><abbr title="Call for proposals">CFP</abbr> opens November 3rd 2022</p>
                         </div>
                     </div>
                 </div>