Templates

> Note: For these templates you will have to go into the *source editor*. See Wiki Editing Help for details.
>
>

## Scroll

Currently a little rough. Needs 2 more assets: Repeatable scroll-handle middle section & individual scroll-handle endings.
This version curretnly has issues with streching to different screen sizes.

```
<div class="scroll-container">
<div class="scroll-top"></div>
<div class="scroll-roll"><div class="scroll-paper">
    Your Content Here. Keep in mind Fandom will automatically wrap text in a paragraph.
</div></div>
<div class="scroll-bottom"></div>
</div>

```

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aliquam faucibus purus in massa tempor nec feugiat. Turpis egestas sed tempus urna et pharetra pharetra. Aliquet sagittis id consectetur purus ut faucibus pulvinar elementum. Nullam non nisi est sit amet facilisis magna. Aliquam id diam maecenas ultricies. Malesuada fames ac turpis egestas. Eget mauris pharetra et ultrices neque ornare. Et ultrices neque ornare aenean euismod elementum nisi quis. Tellus mauris a diam maecenas sed enim. Adipiscing vitae proin sagittis nisl rhoncus mattis.

Viverra ipsum nunc aliquet bibendum enim. Felis eget nunc lobortis mattis aliquam faucibus purus in. Sit amet consectetur adipiscing elit pellentesque habitant. A diam sollicitudin tempor id eu nisl nunc. Nisl pretium fusce id velit ut tortor pretium. Fermentum dui faucibus in ornare quam viverra orci sagittis. Semper viverra nam libero justo laoreet sit amet cursus. Faucibus et molestie ac feugiat sed lectus vestibulum. Odio aenean sed adipiscing diam donec adipiscing. Ultrices vitae auctor eu augue. Nec tincidunt praesent semper feugiat nibh sed. Vitae nunc sed velit dignissim sodales ut eu sem integer.

## Info Cards

There are premade info-cards with links for different media such as Steam, Twitter and Discord. If you need a different background or colour let one of the admins know to add it to the css.

```
<div class="info-card-wrapper">[https://store.steampowered.com/app/1764530/Sailwind/ <div class="info-card card-steam"><p class="info-card-title">Sailwind on Steam</p><p class="info-card-text">Buy and play the game!</p></div>]</div>

<div class="info-card-wrapper">[https://rawlionworkshop.com/ <div class="info-card card-dev"><p class="info-card-title">Developer</p><p class="info-card-text">A production of Raw Lion Workshop</p></div>]</div>

<div class="info-card-wrapper">[https://rawlionworkshop.com/sailwind/ <div class="info-card card-site"><p class="info-card-title">Official Website</p><p class="info-card-text">Check out the official promotional material</p></div>]</div>

<div class="info-card-wrapper">[https://discord.gg/u4C8RQG6X9 <div class="info-card card-discord"><p class="info-card-title">Discord</p><p class="info-card-text">Join the Discord for News, Announcements and Support</p></div>]</div>

<div class="info-card-wrapper">[https://twitter.com/rawlionworkshop <div class="info-card card-twitter"><p class="info-card-title">Twitter</p><p class="info-card-text">Follow on Twitter for News and Announcements</p></div>]</div>

```

For a smaller version add the "`small-card`" class to the "`info-card-wrapper`" div-element

```
<div class="info-card-wrapper small-card">[https://store.steampowered.com/app/1764530/Sailwind/ <div class="info-card card-steam"><p class="info-card-title">Sailwind on Steam</p><p class="info-card-text">Buy and play the game!</p></div>]</div>

```

Sailwind on Steam

Buy and play the game!
Sailwind on Steam

Buy and play the game!
Developer

A production of Raw Lion Workshop
Official Website

Check out the official promotional material
Discord

Join the Discord for News, Announcements and Support
Twitter

Follow on Twitter for News and Announcements