Skip to content

Commit

Permalink
Update Images Getting Started (#5673)
Browse files Browse the repository at this point in the history
* getting started polkadot

* moved images

* getting started kusama

* edited card format kusama

* added all png files getting started
  • Loading branch information
filippoweb3 authored Mar 12, 2024
1 parent e43a181 commit d3e6bfb
Show file tree
Hide file tree
Showing 62 changed files with 109 additions and 117 deletions.
20 changes: 10 additions & 10 deletions docs/general/getting-started.md
Original file line number Diff line number Diff line change
Expand Up @@ -29,23 +29,23 @@ The Wiki has three main sections:
<div className="row">
<div className="col text--center">
<a href="../docs/learn-accounts">
<img src="/img/polkadot-guide/Account.jpg" width="350" style={{ borderRadius: 10, border: '1px solid slategrey' }} />
<img src="/img/polkadot-guide/Creating an account.png" width="350" style={{ borderRadius: 10, border: '1px solid slategrey' }} />
</a>
<p>
<a href="../docs/learn-accounts">Accounts</a>
</p>
</div>
<div className="col text--center">
<a href="../docs/learn-transactions">
<img src="/img/polkadot-guide/Transfer.jpg" width="350" style={{ borderRadius: 10, border: '1px solid slategrey' }} />
<img src="/img/polkadot-guide/Balance Transfers.png" width="350" style={{ borderRadius: 10, border: '1px solid slategrey' }} />
</a>
<p>
<a href="../docs/learn-transactions">Transactions</a>
</p>
</div>
<div className="col text--center">
<a href="../docs/learn-staking">
<img src="/img/polkadot-guide/Stake.jpg" width="350" style={{ borderRadius: 10, border: '1px solid slategrey' }} />
<img src="/img/polkadot-guide/Staking.png" width="350" style={{ borderRadius: 10, border: '1px solid slategrey' }} />
</a>
<p>
<a href="../docs/learn-staking">Staking</a>
Expand All @@ -56,23 +56,23 @@ The Wiki has three main sections:
<div className="row">
<div className="col text--center">
<a href="../docs/learn-polkadot-opengov">
<img src="/img/polkadot-guide/Council.jpg" width="350" style={{ borderRadius: 10, border: '1px solid slategrey' }} />
<img src="/img/polkadot-guide/Polkadot OpenGov.png" width="350" style={{ borderRadius: 10, border: '1px solid slategrey' }} />
</a>
<p>
<a href="../docs/learn-polkadot-opengov">Polkadot OpenGov</a>
</p>
</div>
<div className="col text--center">
<a href="../docs/learn-proxies">
<img src="/img/polkadot-guide/Proxy.jpg" width="350" style={{ borderRadius: 10, border: '1px solid slategrey' }} />
<img src="/img/polkadot-guide/Proxy Accounts.png" width="350" style={{ borderRadius: 10, border: '1px solid slategrey' }} />
</a>
<p>
<a href="../docs/learn-proxies">Proxy Accounts</a>
</p>
</div>
<div className="col text--center">
<a href="../docs/learn-identity">
<img src="/img/polkadot-guide/Identity.jpg" width="350" style={{ borderRadius: 10, border: '1px solid slategrey' }} />
<img src="/img/polkadot-guide/Set an Identity.png" width="350" style={{ borderRadius: 10, border: '1px solid slategrey' }} />
</a>
<p>
<a href="../docs/learn-identity">Account Identity</a>
Expand All @@ -83,23 +83,23 @@ The Wiki has three main sections:
<div className="row">
<div className="col text--center">
<a href="../docs/learn-parachains">
<img src="/img/polkadot-guide/Parachain.jpg" width="350" style={{ borderRadius: 10, border: '1px solid slategrey' }} />
<img src="/img/polkadot-guide/Parachains.png" width="350" style={{ borderRadius: 10, border: '1px solid slategrey' }} />
</a>
<p>
<a href="../docs/learn-parachains">Parachains</a>
</p>
</div>
<div className="col text--center">
<a href="../docs/learn-bridges">
<img src="/img/polkadot-guide/Bridges.jpg" width="350" style={{ borderRadius: 10, border: '1px solid slategrey' }} />
<img src="/img/polkadot-guide/Bridges.png" width="350" style={{ borderRadius: 10, border: '1px solid slategrey' }} />
</a>
<p>
<a href="../docs/learn-bridges">Bridges</a>
</p>
</div>
<div className="col text--center">
<a href="../docs/ambassadors">
<img src="/img/polkadot-guide/Ambassadors.jpg" width="350" style={{ borderRadius: 10, border: '1px solid slategrey' }} />
<img src="/img/polkadot-guide/Become an Ambassador.png" width="350" style={{ borderRadius: 10, border: '1px solid slategrey' }} />
</a>
<p>
<a href="../docs/ambassadors">Become an Ambassador</a>
Expand Down Expand Up @@ -205,7 +205,7 @@ participate in programs like the

## Polkadot Gifts

<img align="right" src="/img/polkadot-gift.png" width="210" height="200"/>
<img align="right" src="/img/polkadot-guide/Gift.png" width="210" height="200"/>

Polkadot Gifts provide an easy way to:

Expand Down
206 changes: 99 additions & 107 deletions docs/general/kusama/kusama-getting-started.md
Original file line number Diff line number Diff line change
Expand Up @@ -35,121 +35,113 @@ nominating), governance, parachain auctions, basic transfers and everything else

:::

<tr class="cards-container">
<td>
<a class="guide-link" href="../docs/learn-accounts">
<img src="/img/kusama-guide/Account.jpg" alt="Drawing" width="250" height="150"/>
<div class="cards-body">
<h5 class="cards-title">Accounts</h5>
</div>
<div className="row">
<div className="col text--center">
<a href="../docs/learn-accounts">
<img src="/img/kusama-guide/Creating an account.png" width="350" style={{ borderRadius: 10, border: '1px solid slategrey' }} />
</a>
</td>
<td>
<a class="guide-link" href="../docs/learn-transactions">
<img src="/img/kusama-guide/Transfer.jpg" alt="Drawing" width="250" height="150"/>
<div class="cards-body">
<h5 class="cards-title">Balance Transfers</h5>
</div>
<p>
<a href="../docs/learn-accounts">Accounts</a>
</p>
</div>
<div className="col text--center">
<a href="../docs/learn-transactions">
<img src="/img/kusama-guide/Balance Transfers.png" width="350" style={{ borderRadius: 10, border: '1px solid slategrey' }} />
</a>
</td>
<td>
<a class="guide-link" href="../docs/learn-staking">
<img class="guide-image" src="/img/kusama-guide/Stake.jpg" alt="Drawing" width="250" height="150" />
<div class="cards-body">
<h5 class="cards-title">Staking</h5>
</div>
<p>
<a href="../docs/learn-transactions">Transactions</a>
</p>
</div>
<div className="col text--center">
<a href="../docs/learn-staking">
<img src="/img/kusama-guide/Staking.png" width="350" style={{ borderRadius: 10, border: '1px solid slategrey' }} />
</a>
</td>
</tr>

<br />

<tr class="cards-container">
<td>
<a class="guide-link" href="../docs/learn-polkadot-opengov">
<img class="guide-image" src="/img/kusama-guide/Council.jpg" alt="Drawing" width="250" height="150"/>
<div class="cards-body">
<h5 class="cards-title">Polkadot OpenGov</h5>
</div>
<p>
<a href="../docs/learn-staking">Staking</a>
</p>
</div>
</div>

<div className="row">
<div className="col text--center">
<a href="../docs/learn-polkadot-opengov">
<img src="/img/kusama-guide/Polkadot OpenGov.png" width="350" style={{ borderRadius: 10, border: '1px solid slategrey' }} />
</a>
</td>
<td>
<a class="guide-link" href="../docs/learn-proxies">
<img class="guide-image" src="/img/kusama-guide/Proxy.jpg" alt="Drawing" width="250" height="150"/>
<div class="cards-body">
<h5 class="cards-title">Proxy Accounts</h5>
</div>
<p>
<a href="../docs/learn-polkadot-opengov">Polkadot OpenGov</a>
</p>
</div>
<div className="col text--center">
<a href="../docs/learn-proxies">
<img src="/img/kusama-guide/Proxy Accounts.png" width="350" style={{ borderRadius: 10, border: '1px solid slategrey' }} />
</a>
</td>
<td>
<a class="guide-link" href="../docs/learn-identity">
<img class="guide-image" src="/img/kusama-guide/Identity.jpg" alt="Drawing" width="250" height="150"/>
<div class="cards-body">
<h5 class="cards-title">Account Identity</h5>
</div>
<p>
<a href="../docs/learn-proxies">Proxy Accounts</a>
</p>
</div>
<div className="col text--center">
<a href="../docs/learn-identity">
<img src="/img/kusama-guide/Set an Identity.png" width="350" style={{ borderRadius: 10, border: '1px solid slategrey' }} />
</a>
</td>
</tr>

<br />

<tr class="cards-container">
<td>
<a class="guide-link" href="../docs/learn-parachains">
<img class="guide-image" src="/img/kusama-guide/Parachain.jpg" alt="Drawing" width="250" height="150"/>
<div class="cards-body">
<h5 class="cards-title">Parachains</h5>
</div>
<p>
<a href="../docs/learn-identity">Account Identity</a>
</p>
</div>
</div>

<div className="row">
<div className="col text--center">
<a href="../docs/learn-parachains">
<img src="/img/kusama-guide/Parachains.png" width="350" style={{ borderRadius: 10, border: '1px solid slategrey' }} />
</a>
</td>
<td>
<a class="guide-link" href="../docs/learn-bridges">
<img class="guide-image" src="/img/kusama-guide/Bridges.jpg" alt="Drawing" width="250" height="150"/>
<div class="cards-body">
<h5 class="cards-title">Bridges</h5>
</div>
<p>
<a href="../docs/learn-parachains">Parachains</a>
</p>
</div>
<div className="col text--center">
<a href="../docs/learn-bridges">
<img src="/img/kusama-guide/Bridges.png" width="350" style={{ borderRadius: 10, border: '1px solid slategrey' }} />
</a>
</td>
<td>
<a class="guide-link" href="../docs/ambassadors">
<img class="guide-image" src="/img/kusama-guide/Ambassadors.jpg" alt="Drawing" width="250" height="150"/>
<div class="cards-body">
<h5 class="cards-title">Become an Ambassador</h5>
</div>
</a>
</td>
</tr>

<br />

<tr class="cards-container">
<td>
<a class="guide-link" href="../docs/maintain-guides-how-to-nominate-kusama/">
<img class="guide-image" src="/img/kusama-guide/Nominate.png" alt="Drawing" width="250" height="150"/>
<div class="cards-body">
<h5 class="cards-title">Become a Nominator</h5>
</div>
</a>
</td>
<td>
<a class="guide-link" href="../docs/learn-polkadot-opengov-treasury">
<img class="guide-image" src="/img/kusama-guide/Treasury.jpg" alt="Drawing" width="250" height="150"/>
<div class="cards-body">
<h5 class="cards-title">Treasury</h5>
</div>
<p>
<a href="../docs/learn-bridges">Bridges</a>
</p>
</div>
<div className="col text--center">
<a href="../docs/ambassadors">
<img src="/img/kusama-guide/Become an Ambassador.png" width="350" style={{ borderRadius: 10, border: '1px solid slategrey' }} />
</a>
</td>
<td>
<a class="guide-link" href="../docs/maintain-guides-society-kusama">
<img class="guide-image" src="/img/kusama-guide/Kusama-Society.png" alt="Drawing" width="250" height="150"/>
<div class="cards-body">
<h5 class="cards-title">Join Kappa Sigma Mu</h5>
</div>
</a>
</td>
</tr>

<br />
<p>
<a href="../docs/ambassadors">Become an Ambassador</a>
</p>
</div>
</div>

<div className="row">
<div className="col text--center">
<a href="../docs/maintain-guides-how-to-nominate-kusama/">
<img src="/img/kusama-guide/Nominate.png" width="350" style={{ borderRadius: 10, border: '1px solid slategrey' }} />
</a>
<p>
<a href="../docs/maintain-guides-how-to-nominate-kusama/">Become a Nominator</a>
</p>
</div>
<div className="col text--center">
<a href="../docs/learn-polkadot-opengov-treasury">
<img src="/img/kusama-guide/Treasury.jpg" width="350" style={{ borderRadius: 10, border: '1px solid slategrey' }} />
</a>
<p>
<a href="../docs/learn-polkadot-opengov-treasury">Treasury</a>
</p>
</div>
<div className="col text--center">
<a href="../docs/maintain-guides-society-kusama">
<img src="/img/kusama-guide/Kusama-Society.png" width="350" style={{ borderRadius: 10, border: '1px solid slategrey' }} />
</a>
<p>
<a href="../docs/maintain-guides-society-kusama">Join Kappa Sigma Mu</a>
</p>
</div>
</div>

For brand-new learners of Kusama's cousin network, Polkadot, please head over to the
[Polkadot Wiki](https://wiki.polkadot.network/).
Expand Down Expand Up @@ -196,7 +188,7 @@ or 5% of requested funding is a requirement to make a

### Kusama Gifts

<img align="right" src="/img/kusama-gift.png" width="210" height="200"/>
<img align="right" src="/img/kusama-guide/Gift.png" width="210" height="200"/>

Kusama Gifts provide an easy way to:

Expand Down
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added kusama-guide/static/img/kusama-guide/Bridges.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added kusama-guide/static/img/kusama-guide/Gift.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added kusama-guide/static/img/kusama-guide/Staking.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
File renamed without changes
Binary file added polkadot-wiki/static/img/polkadot-guide/Gift.png

0 comments on commit d3e6bfb

Please sign in to comment.