diff options
Diffstat (limited to 'src')
-rw-r--r-- | src/App.vue | 21 | ||||
-rw-r--r-- | src/assets/wip.png | bin | 0 -> 4963 bytes | |||
-rw-r--r-- | src/components/HelloWorld.vue | 58 |
3 files changed, 10 insertions, 69 deletions
diff --git a/src/App.vue b/src/App.vue index fcc5662..ac76592 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,28 +1,27 @@ <template> <div id="app"> - <img alt="Vue logo" src="./assets/logo.png"> - <HelloWorld msg="Welcome to Your Vue.js App"/> + <h1>19 PDH Puszcza</h1> + <img alt="Work in progress" src="./assets/wip.png" /> + <h3>Strona w trakcie budowy</h3> </div> </template> <script> -import HelloWorld from './components/HelloWorld.vue' - export default { - name: 'app', - components: { - HelloWorld - } -} + name: "app", + components: {} +}; </script> <style> +@import url("https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap"); + #app { - font-family: 'Avenir', Helvetica, Arial, sans-serif; + font-family: "Roboto Slab", serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; - color: #2c3e50; + color: #181818; margin-top: 60px; } </style> diff --git a/src/assets/wip.png b/src/assets/wip.png new file mode 100644 index 0000000..945e984 --- /dev/null +++ b/src/assets/wip.png Binary files differdiff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue deleted file mode 100644 index 879051a..0000000 --- a/src/components/HelloWorld.vue +++ /dev/null @@ -1,58 +0,0 @@ -<template> - <div class="hello"> - <h1>{{ msg }}</h1> - <p> - For a guide and recipes on how to configure / customize this project,<br> - check out the - <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>. - </p> - <h3>Installed CLI Plugins</h3> - <ul> - <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li> - <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li> - </ul> - <h3>Essential Links</h3> - <ul> - <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li> - <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li> - <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li> - <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li> - <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li> - </ul> - <h3>Ecosystem</h3> - <ul> - <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li> - <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li> - <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li> - <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li> - <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li> - </ul> - </div> -</template> - -<script> -export default { - name: 'HelloWorld', - props: { - msg: String - } -} -</script> - -<!-- Add "scoped" attribute to limit CSS to this component only --> -<style scoped> -h3 { - margin: 40px 0 0; -} -ul { - list-style-type: none; - padding: 0; -} -li { - display: inline-block; - margin: 0 10px; -} -a { - color: #42b983; -} -</style> |