feat: dev update styles (#246)

Added the new banner to developer updates
Moved the date down to just above the main title
Condensed the spacing a little bit

_layouts/update.html

@@ -6,15 +6,15 @@
 <section class="main blog-post">
   {% include newsletter-subscribe.html %}
   <div class="post content center-content" style="max-width: var(--max-content-width);">
-    <div class="post-img" style="background-image:url({% if page.thumbnail %}{{ site.baseurl }}/assets/updates/img/{{ page.thumbnail }}{% else %}{{ site.baseurl }}/assets/updates/img/placeholder-thumbnail.jpg{% endif %})">
-      <div><h1 class="update-page-title">{{ page.date | date: '%B %d, %Y' }}</h1></div>
+    <div class="post-img" style="
+    background-position: left;
+      background-image:url({% if page.thumbnail %}{{ site.baseurl }}/assets/updates/img/{{ page.thumbnail }}{% else %}{{ site.baseurl }}/assets/updates/img/placeholder-thumbnail.jpg{% endif %})">
       <img src="{{ site.baseurl }}/assets/img/posts/placeholder-spacer.gif" />
     </div>
-
     <div class="post-head">
       <div style="margin-bottom: 40px;">
         <p class="meta">
-          By {{ page.author }}
+          By {{ page.author }} | {{ page.date | date: '%B %d, %Y' }}
         </p>
         <h1>{{ page.title }}</h1>
         {% if page.subtitle %}

_updates/2024-06-11-update-132.md

@@ -4,27 +4,25 @@ tag: Developer Update
 date: 2024-06-11
 author: stringhandler
 thumbnail: update-background.jpg
-title: Developer Update
-subtitles: 
+title: What is new?
+subtitles:
 class: subpage
 ---
 
-# What is new?
-
 ## Ledger Device support
 
 Over the past few months, the Tari community has been working on integrating with Ledger. Unfortunately, Tari won't be included in Ledger Live anytime soon due to its current architecture. However, support for using Ledger hardware devices with Tari's console wallet is expected soon.
 
 ## View Keys
+
 [PR #6353](https://github.com/tari-project/tari/pull/6353) enables view keys on Tari addresses. While this makes the address longer, view keys allow for more scenarios and open the door to potential lite wallets in the future. This upgrade will be included in the next reset of Nextnet.
 
 ## Layer Two Devnet
+
 The layer two (Ootle) devnet is up and running. This network is primarily targeted at contract developers and so, will have a fixed number of validator nodes to ensure stability. You can use the [indexer](https://indexer-devnet.tari.com) to connect your asset vault. Additionally, a test Metamask Snap is available at [this link](https://splendorous-churros-36e6bf.netlify.app/).
 
 # What is next?
 
 ## Launchpad stability fixes
-Users have experienced several issues with Launchpad. The next version of Launchpad is nearly ready and should alleviate these problems. More details will be available soon.
-
-
 
+Users have experienced several issues with Launchpad. The next version of Launchpad is nearly ready and should alleviate these problems. More details will be available soon.

_updates/2024-07-22-update-133.md

@@ -3,40 +3,46 @@ layout: update
 tag: Developer Update
 date: 2024-07-24
 author: stringhandler
-thumbnail: update-133.png
-title: Developer Update July 24
+thumbnail: dev-update.jpg
+title: Latest Commits and Enhancements
 class: subpage
 ---
-# Project Update: Latest Commits and Enhancements
 
 We're excited to share the latest updates and enhancements for July 2024. Here's a brief summary of the key changes:
 
 ## State of P2pool
-We are thrilled to announce significant progress in our P2pool projects. If you haven't heard of P2pool before, it allows miners to combine their hashing power without relying on a centralized pool operator. It works by creating a network, parallel to Tari, where miners share their computing power to find blocks and split the rewards based on how much each miner contributed. 
+
+We are thrilled to announce significant progress in our P2pool projects. If you haven't heard of P2pool before, it allows miners to combine their hashing power without relying on a centralized pool operator. It works by creating a network, parallel to Tari, where miners share their computing power to find blocks and split the rewards based on how much each miner contributed.
 
 In simple terms, P2pool allows you to still earn some portion of the block rewards, even if there are large mining warehouses also mining Tari.
 
 - **Integration for Tari and Other Merge-Mining Coins**: The integration with the current [P2pool project](https://github.com/SChernykh/p2pool) is ready for testing, focusing on mining with RandomX.
-
 - **SHA3x Mining with Tari**: Our second implementation, focusing on SHA3x mining with Tari, is in an alpha stage and available [here](https://github.com/tari-project/sha-p2pool). While currently requiring compilation from source, binaries will be available soon.
 
 ## Upgrade of Tari Addresses to Include View Keys
+
 The next version of Nextnet will introduce Tari Addresses with an embedded View Key, unlocking exciting new features. A view key consists of a public key and a private key. When someone sends you funds, they will know the public view key, but you should keep the private view key safe. Whoever has your private view key can see all the funds you currently have, but cannot spend them. Here are some examples of how you might use this functionality:
 
 ### Separate View-Only and Spending Wallets
+
 This update allows for a cold wallet spending key and a hot wallet view key. This is ideal for online stores, exchanges, and other applications that benefit from a secure, view-only hot wallet.
 
 ### Optional Revealing of Funds
+
 The view key structure enables sharing a private view key to reveal funds to a third party. Future developments may include a lite wallet server that scans the Tari blockchain and provides a simple interface for accessing your balance.
 
 ## Ootle Developments
+
 Tari's second layer, the Ootle, continues to progress rapidly. The Ootle already allows validators to join and leave, but there are complications that arise when the shard space splits and joins. We often refer to this as Epoch Management. The main goal of this phase of development is to finish off all development related to Epoch Management. After that, the community will focus on performance and benchmarking.
 
 ### Improved Syncing for Network Validators
+
 Validator syncing has been significantly optimized by [sdbondi](https://github.com/sdbondi), utilizing checkpoints to avoid downloading the entire chain since the genesis. This enhancement is crucial as we anticipate a substantial increase in data generation on the Ootle.
 
 ### Tari Swarm Improvements
+
 Tari Swarm, a tool for developers to run the Ootle locally with many validators, has received several quality-of-life improvements, enhancing its usability and efficiency.
 
 ### The Road Towards Gasless Transactions
+
 Gasless transactions are gaining traction in blockchain. The Ootle now supports transactions with multiple signers, paving the way for third-party gas fee payments. Stay tuned for further developments in this area.

_updates/2024-10-04-update-134.md

@@ -3,35 +3,40 @@ layout: update
 tag: Developer Update
 date: 2024-10-04
 author: solivagant
-thumbnail: update-133.png
-title: Developer Update October 4
+thumbnail: dev-update.jpg
+title: Welcome to the Universe
 class: subpage
 ---
 
 We’ve got a lot to share with you this update, with new features and improvements across Tari’s projects. Let’s start with what has been a core focus for us over the past two months - the release of Tari Universe.
 
-## Welcome to the Universe
 We recently launched, [Tari Universe](https://universe.tari.com/), a desktop mining app that provides an easy, elegant way to mine Tari with 1-click. The aim is to simplify the setup of Tari mining and provide a user-friendly interface that clearly communicates essential information and makes it easy to configure the miner to the user’s preferences. We consider this key to make Tari more approachable to a broader audience.
 
 We’ve limited access to the app to test it out in a controlled manner and get relevant feedback at each stage. If you’re interested in participating, you can join the waiting list for early access on the [Tari Universe launch site](https://universe.tari.com/) or by finding and existing user and getting their invite link. By joining us on this journey, you'll have the opportunity to earn airdrop gems. The more you mine, and friends you invite, the more gems you’ll earn. For more information on other ways to earn gems, turtle shells and sky hammers, please visit the [Tari Airdrop Game website](https://airdrop.tari.com/).
 
 We’d like to thank the community - veterans and newcomers alike - currently exploring the Universe and providing valuable suggestions and feedback. Thanks to your support, we’ve added some great useability features, improved the overall user experience, and learned valuable lessons for future mainnet deployment.
 
-### Providing More Languages for Tari Universe 
+### Providing More Languages for Tari Universe
+
 If you're keen to get involved, we'd love you to expand Tari Universe's supported languages. Tari Universe handles this through JSON localization files, which make it easy for anyone to review or add new localizations to the project. We've put together a guide for those interested in getting involved in this area of Tari's development, [which you'll find here](/lessons/07_add_new_localizations).
 
 ## Minotari - Base Layer
 
 ### P2Pool Progress
+
 The incorporation of P2Pool support into Minotari continues to progress. Since our [last update](https://tari.com/updates/2024-07-22-update-133), we’ve added support for merge mining, randomX proof of work algo usage, custom coinbase data to block requests, and more. There is more work to do on the P2Pool front and our goal is to release a major update next week.
 
 ### Wallet Improvements
+
 The ability to [encrypt your seed words](https://github.com/tari-project/tari/pull/6569), [additional resilience for network reliability](https://github.com/tari-project/tari/pull/6527), and new features to the console wallet like [generating a paper wallet and additional fields to the informational tabs](https://github.com/tari-project/tari/pull/6531) round out crucial work done on Minotari's reliability and security.
 
 ## The Ootle - Tari’s Layer 2
+
 ### Concentrating on Consensus
+
 Fixes and fine-tuning have been the focus of development for the Ootle’s consensus mechanisms for the past two months. Some notable fixes include (but are certainly not limited to):
-* Many improvements to the transaction creation process, the inclusion of evidence data, reduced validator node setup time, and additional fixes ([PR 1141](https://github.com/tari-project/tari-dan/pull/1141))
-* A fix of substate pledges in multi-shard implementations ([PR 1119](https://github.com/tari-project/tari-dan/pull/1119))
-* Deference of proposed transactions with conflicting input versions for multi-shard environments ([PR 1125](https://github.com/tari-project/tari-dan/pull/1125))
-* Improvements around evidence data, including optimization and security improvements such as the inclusion of a unique QC ID for auditing purposes. ([PR 1141](https://github.com/tari-project/tari-dan/pull/1141), [PR 1130](https://github.com/tari-project/tari-dan/pull/1130))
+
+- Many improvements to the transaction creation process, the inclusion of evidence data, reduced validator node setup time, and additional fixes ([PR 1141](https://github.com/tari-project/tari-dan/pull/1141))
+- A fix of substate pledges in multi-shard implementations ([PR 1119](https://github.com/tari-project/tari-dan/pull/1119))
+- Deference of proposed transactions with conflicting input versions for multi-shard environments ([PR 1125](https://github.com/tari-project/tari-dan/pull/1125))
+- Improvements around evidence data, including optimization and security improvements such as the inclusion of a unique QC ID for auditing purposes. ([PR 1141](https://github.com/tari-project/tari-dan/pull/1141), [PR 1130](https://github.com/tari-project/tari-dan/pull/1130))

assets/css/styles.css

@@ -817,7 +817,7 @@ lottie-player {
   font-family: Avenir-Heavy, 'Avenir-Heavy', 'Myriad Pro', Arial, Verdana !important;
   font-size: calc(2.6 * var(--root-size));
   line-height: calc(4.2 * var(--root-size));
-  margin: calc(6 * var(--root-size)) 0 calc(2 * var(--root-size)) 0;
+  margin: 30px 0 10px 0;
   max-width: var(--max-content-width);
 }
 .subpage #viewport section.main h2 + p {
@@ -827,7 +827,7 @@ lottie-player {
   font-family: Avenir-Heavy, 'Avenir-Heavy', 'Myriad Pro', Arial, Verdana !important;
   font-size: calc(2.2 * var(--root-size));
   line-height: calc(3.6 * var(--root-size));
-  margin: calc(4 * var(--root-size)) 0 0 0;
+  margin: 30px 0 10px 0;
   max-width: var(--max-content-width);
 }
 .subpage #viewport section.main h3 + p {
@@ -837,7 +837,7 @@ lottie-player {
   font-family: Avenir-Heavy, 'Avenir-Heavy', 'Myriad Pro', Arial, Verdana !important;
   font-size: calc(2.2 * var(--root-size));
   line-height: calc(3 * var(--root-size));
-  margin: calc(4 * var(--root-size)) 0 calc(2 * var(--root-size)) 0;
+  margin: 30px 0 10px 0;
   max-width: var(--max-content-width);
 }
 .subpage #viewport section.main h4 + p {
@@ -1547,6 +1547,7 @@ body.page- #call-to-action {
 
 .post .meta {
   padding-top: 60px;
+  margin-bottom: -20px !important;
 }
 
 .post-wrapper ul {