Merge pull request #827 from trufflesuite/content/poker-updates

Update poker assets to SVG
trufflesuite · Oct 30, 2020 · 8877480 · 8877480
2 parents 2c91786 + 65409d9
commit 8877480
Show file tree

Hide file tree

Showing 7 changed files with 14 additions and 12 deletions.
diff --git a/src/img/trufflecon/green-swirl-plain-centered.png b/src/img/trufflecon/green-swirl-plain-centered.png
diff --git a/src/img/trufflecon/green-swirl-plain-centered.svg b/src/img/trufflecon/green-swirl-plain-centered.svg
diff --git a/src/img/trufflecon/poker-logo.png b/src/img/trufflecon/poker-logo.png
diff --git a/src/img/trufflecon/poker-logo.svg b/src/img/trufflecon/poker-logo.svg
diff --git a/src/sass/global/banners.scss b/src/sass/global/banners.scss
@@ -223,9 +223,9 @@
 }
 
 .banner-trufflecon-poker {
-  background-image: url(/img/trufflecon/green-swirl-plain-centered.png);
+  background-image: url(/img/trufflecon/green-swirl-plain-centered.svg);
   background-position: center;
-  background-size: cover;
+  background-size: 200%;
   background-repeat: no-repeat;
 }
 

diff --git a/src/trufflecon/charity-poker.html b/src/trufflecon/charity-poker.html
@@ -3,13 +3,11 @@
 layout: layout.hbs
 social-description: Ante up for social good at TruffleCon’s first-ever charity poker event! | NOVEMBER 6th & 7th | 6:15pm PST
 ---
-<main role="main" class="trufflecon-content banner banner-green" class="mt-2 mb-2" style="background: url(/img/trufflecon/green-swirl-plain-centered.png); background-position: center center;">
-  <div class="container-heading trufflecon-heading">
-    <div class="row align-items-center">
-      <div class="col text-center">
-        <!--<h1 class="mt-4">CHARITY</h1>
-        <h1>P<img src="/img/truffle-logomark.svg" alt="Truffle Logo" /><span>O</span>KER</h1>-->
-        <img src="/img/trufflecon/poker-logo.png" class="img-fluid" alt="TruffleCon 2020 Charity Poker" />
+<main role="main" class="trufflecon-content banner banner-green banner-trufflecon-poker">
+  <div class="trufflecon-heading">
+    <div class="row align-items-center justify-content-center pt-3">
+      <div class="col-10 col-sm-8 col-md-5 text-center">
+        <img src="/img/trufflecon/poker-logo.svg" class="img-fluid" alt="TruffleCon 2020 Charity Poker" />
       </div>
     </div>
   </div>

diff --git a/src/trufflecon2020.html b/src/trufflecon2020.html
@@ -62,9 +62,11 @@ <h2>Grow with the Blockchain Community</h2>
 </main>
 
 <main class="banner banner-trufflecon-poker">
-  <div class="container pt-5 pb-4">
-    <div class="row text-center">
-      <img src="/img/trufflecon/poker-logo.png" class="img-fluid poker-logo" alt="TruffleCon 2020 Charity Poker" />
+  <div class="container pt-4 pb-3">
+    <div class="row align-items-center justify-content-center">
+      <div class="col-10 col-sm-8 col-md-5 text-center">
+        <img src="/img/trufflecon/poker-logo.svg" class="img-fluid" alt="TruffleCon 2020 Charity Poker" />
+      </div>
     </div>
   </div>
 </main>