diff options
Diffstat (limited to 'public/index.html')
| -rw-r--r-- | public/index.html | 18 |
1 files changed, 14 insertions, 4 deletions
diff --git a/public/index.html b/public/index.html index 03a393b..3200151 100644 --- a/public/index.html +++ b/public/index.html @@ -10,7 +10,7 @@ <script src="/application.js"></script> </head> <body> - <main id="app" class="container"> + <header class="container"> <nav> <ul> <li><strong>SparkleLab✨</strong></li> @@ -19,11 +19,21 @@ <li><a href="/session/new">Login</a></li> </ul> </nav> + </header> + <main id="app" class="container"> <h1>${ heading }</h1> - <div v-for="sparkle in recentSparkles"> - <p> <strong>${ sparkle.sparklee }</strong> ${ sparkle.reason } </p> - </div> + + <article v-for="sparkle in recentSparkles"> + <header> + <a :href="sparkle.author.profile"><strong>@${ sparkle.author.username }</strong></a> says + </header> + <blockquote> + /sparkle <strong>${ sparkle.sparklee }</strong> ${ sparkle.reason } + </blockquote> + </article> </main> + + <footer></footer> </body> </html> |