111 lines
3.3 KiB
HTML
111 lines
3.3 KiB
HTML
<template name="intro">
|
|
<div class="intro">
|
|
<div class="section white-text" style="background: #282828">
|
|
<img style="width:130px; height:130px; background-color: #282828;"
|
|
src="/crown-dice-logo-cropped-transparent.png">
|
|
<div class="paper-font-display1">
|
|
Realtime D&D 5e Character Tracker
|
|
</div>
|
|
<div class="paper-font-title">
|
|
Spend less time shuffling paper and more time playing
|
|
</div>
|
|
{{#unless currentUser}}
|
|
<div layout horizontal around-justified wrap>
|
|
<a href="/sign-in">
|
|
<paper-button class="red white-text signInButton"
|
|
style="margin: 16px;"
|
|
raised>
|
|
Sign In
|
|
</paper-button>
|
|
</a>
|
|
<a href="/sign-up">
|
|
<paper-button class="red white-text signUpButton"
|
|
style="margin: 16px;"
|
|
raised>
|
|
Sign Up
|
|
</paper-button>
|
|
</a>
|
|
</div>
|
|
{{else}}
|
|
<div style="padding-bottom: 0;"></div>
|
|
{{/unless}}
|
|
</div>
|
|
<div class="section" style="background-color: #e9e9e9;">
|
|
<div>
|
|
<div class="paper-font-display1">Character Sheets</div>
|
|
<div class="paper-font-title" style="margin-bottom: 16px;">
|
|
Check out the example characters
|
|
</div>
|
|
<div class="layout horizontal around-justified wrap">
|
|
<a href="/character/yBWwt5XQTTHZiRQxq">
|
|
<paper-material class="card characterCard ssArcher clickable"
|
|
elevation="2" style="margin: 16px;">
|
|
<div class="top paper-font-subhead green white-text">
|
|
<div class="flex">
|
|
Starter Set Archer
|
|
</div>
|
|
</div>
|
|
<div class="bottom text">Lawful Good Human</div>
|
|
</paper-material>
|
|
</a>
|
|
<a href="/character/KxHKskm22fS2Xogah">
|
|
<paper-material class="card characterCard ssWizard clickable"
|
|
elevation="2" style="margin: 16px;">
|
|
<div class="top paper-font-subhead deep-purple white-text">
|
|
<div class="flex">
|
|
Starter Set Wizard
|
|
</div>
|
|
</div>
|
|
<div class="bottom text">Chaotic Good High Elf</div>
|
|
</paper-material>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="section white-text" style="background: #282828">
|
|
<div class="columns layout horizontal around-justified wrap">
|
|
<div class="layout vertical center">
|
|
<div class="paper-font-headline">
|
|
Guide
|
|
</div>
|
|
<div>
|
|
Learn how your class gives you features, those features have effects,
|
|
and those effects determine your stats.
|
|
</div>
|
|
<a href="/guide">
|
|
<paper-button class="guideButton">
|
|
View Guide
|
|
</paper-button>
|
|
</a>
|
|
</div>
|
|
<div class="layout vertical center">
|
|
<div class="paper-font-headline">
|
|
Discuss
|
|
</div>
|
|
<div>
|
|
On the official subreddit
|
|
</div>
|
|
<a href="http://www.reddit.com/r/dicecloud/" target="_blank">
|
|
<paper-button class="redditButton">
|
|
/r/dicecloud
|
|
</paper-button>
|
|
</a>
|
|
</div>
|
|
<div class="layout vertical center">
|
|
<div class="paper-font-headline">
|
|
Open Source
|
|
</div>
|
|
<div>
|
|
Shape upcoming features, track bugs, and contribute to the DiceCloud codebase
|
|
</div>
|
|
<a href="https://github.com/ThaumRystra/DiceCloud1/" target="_blank">
|
|
<paper-button class="githubButton">
|
|
GitHub Repo
|
|
</paper-button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|