feat: update blog (#8)

TryGhost · Sep 7, 2023 · 32810e2 · 32810e2
1 parent 0009dc4
commit 32810e2
Show file tree

Hide file tree

Showing 4 changed files with 41 additions and 20 deletions.
diff --git a/assets/css/blog/toolbar.css b/assets/css/blog/toolbar.css
@@ -2,19 +2,21 @@
   display: flex;
   flex-direction: row;
   align-items: center;
+  justify-content: space-between;
   padding: 16px;
   gap: 24px;
   position: fixed;
   z-index: 99;
   bottom: 60px;
   right: 50%;
   transform: translateX(50%);
-  min-width: 550px;
+  width: 503px;
   height: 82px;
   background: #ffffff;
   border: 1px solid #ebebeb;
-  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.08);
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
   border-radius: 8px;
+  font-family: "Inter var" "ui-sans-serif" "system-ui" "-apple-system" "BlinkMacSystemFont" "Segoe UI" "Roboto" "Helvetica" "Neue" "Arial" "Noto Sans" "sans-serif" "Apple Color Emoji" "Segoe UI Emoji" "Segoe UI Symbol" "Noto Color Emoji";
 }
 .content {
   display: flex;
@@ -25,7 +27,6 @@
   height: 50px;
 }
 .content > span {
-  font-family: 'SF Pro Display';
   font-style: normal;
   font-weight: 400;
   font-size: 14px;
@@ -43,7 +44,6 @@
   align-items: center;
   padding: 0px;
   gap: 8px;
-  font-family: 'SF Pro Display';
   font-style: normal;
   font-weight: 500;
   font-size: 18px;
@@ -61,7 +61,6 @@
   gap: 10px;
   background: #654aec;
   border-radius: 4px;
-  font-family: 'Inter';
   font-style: normal;
   font-weight: 400;
   font-size: 14px;

diff --git a/default.hbs b/default.hbs
@@ -17,13 +17,25 @@
         <div class="gh-head-inner gh-inner">
             <div class="gh-head-brand">
                 <div class="gh-head-brand-wrapper">
-                    <a class="gh-head-logo" href="https://www.illacloud.com/">
-                        {{#if @site.logo}}
-                            <img src="{{@site.logo}}" alt="{{@site.title}}">
-                        {{else}}
-                            {{@site.title}}
-                        {{/if}}
-                    </a>
+                    {{#if post}}
+                        {{#post}}
+                            <a class="gh-head-logo" href="https://www.illacloud.com/?utm_source=blog&utm_medium=logo&utm_campaign=blog-{{title}}">
+                                {{#if @site.logo}}
+                                    <img src="{{@site.logo}}" alt="{{@site.title}}">
+                                {{else}}
+                                    {{@site.title}}
+                                {{/if}}
+                            </a>
+                        {{/post}}
+                    {{else}}
+                        <a class="gh-head-logo" href="https://www.illacloud.com/?utm_source=blog&utm_medium=logo&utm_campaign=blog">
+                            {{#if @site.logo}}
+                                <img src="{{@site.logo}}" alt="{{@site.title}}">
+                            {{else}}
+                                {{@site.title}}
+                            {{/if}}
+                        </a>
+                    {{/if}}
                 </div>
                 <button class="gh-search gh-icon-btn" aria-label="Search this site" data-ghost-search>{{> "icons/search"}}</button>
                 <button class="gh-burger"></button>
@@ -37,16 +49,20 @@
                     {{/match}}
                 {{/unless}}
             </nav>
-
-            <div class="gh-head-actions">
+                <div class="gh-head-actions">
                     {{^match @custom.navigation_layout "Stacked"}}
                         <button class="gh-search gh-icon-btn" aria-label="Search this site" data-ghost-search>{{> "icons/search"}}</button>
                     {{/match}}
-                    <a class="gh-head-btn gh-btn gh-primary-btn" href="https://cloud.illacloud.com" target="_blank" onclick="gtag_report_conversion()">SIGN IN</a>
-            </div>
+                    {{#if post}}
+                        {{#post}}
+                            <a class="gh-head-btn gh-btn gh-primary-btn" href="https://cloud.illacloud.com/?utm_source=blog&utm_medium=sign-in&utm_campaign=blog-sign-in-{{title}}" target="_blank" onclick="gtag_report_conversion()">SIGN IN</a>
+                        {{/post}}
+                    {{else}}
+                        <a class="gh-head-btn gh-btn gh-primary-btn" href="https://cloud.illacloud.com/?utm_source=blog&utm_medium=sign-in&utm_campaign=blog-sign-in" target="_blank" onclick="gtag_report_conversion()">SIGN IN</a>
+                    {{/if}}
+                </div>
         </div>
     </header>
-
     <div class="site-content">
         {{{body}}}
     </div>

diff --git a/package.json b/package.json
@@ -19,7 +19,7 @@
     ],
     "docs": "https://ruby.ghost.io/about/",
     "config": {
-        "posts_per_page": 12,
+        "posts_per_page": 1000,
         "image_sizes": {
             "xs": {
                 "width": 150

diff --git a/partials/toolbar.hbs b/partials/toolbar.hbs
@@ -5,7 +5,13 @@
       {{> "icons/illa"}}
       <span>Free</span>
     </div>
-    <span>Faster solutions at internal tools, dashboards, CRUD apps.</span>
+    <span>Build Your internal tools at lightning speed!</span>
   </div>
-  <a href="#">Try For Free</a>
+    {{#if post}}
+        {{#post}}
+            <a href="https://cloud.illacloud.com/?utm_source=blog&utm_medium=sign-in&utm_campaign=blog-sign-in-{{title}}" >Try For Free</a>
+        {{/post}}
+    {{else}}
+        <a href="https://cloud.illacloud.com/?utm_source=blog&utm_medium=sign-in&utm_campaign=blog-sign-in" >Try For Free</a>
+    {{/if}}
 </div>