| @@ -1,6 +1,9 @@ | |||||
| <template> | <template> | ||||
| <div id="app"> | <div id="app"> | ||||
| <img alt="Vue logo" src="./assets/logo.png"> | |||||
| <div> | |||||
| This is the (extremely early alpha of the) new Feast. If you're looking for the old version, <a href="https://classic.feast.crux.sexy">go here!</a> | |||||
| </div> | |||||
| <img alt="Feast logo" id="logo" src="./assets/feast.png"> | |||||
| <Combat :player="player" :enemy="enemy" /> | <Combat :player="player" :enemy="enemy" /> | ||||
| </div> | </div> | ||||
| </template> | </template> | ||||
| @@ -30,12 +33,20 @@ export default class App extends Vue { | |||||
| </script> | </script> | ||||
| <style> | <style> | ||||
| body, html { | |||||
| background: #111; | |||||
| } | |||||
| #app { | #app { | ||||
| font-family: Avenir, Helvetica, Arial, sans-serif; | font-family: Avenir, Helvetica, Arial, sans-serif; | ||||
| -webkit-font-smoothing: antialiased; | -webkit-font-smoothing: antialiased; | ||||
| -moz-osx-font-smoothing: grayscale; | -moz-osx-font-smoothing: grayscale; | ||||
| text-align: center; | text-align: center; | ||||
| color: #2c3e50; | |||||
| color: #ddd; | |||||
| background: #111; | |||||
| margin-top: 60px; | margin-top: 60px; | ||||
| } | } | ||||
| #logo { | |||||
| width: 30vw; | |||||
| } | |||||
| </style> | </style> | ||||