customize home for xchange 2020

rabe-gitops · Jun 28, 2020 · 2642a0c · 2642a0c
1 parent da73610
commit 2642a0c
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 23 deletions.
diff --git a/src/App.vue b/src/App.vue
@@ -1,7 +1,7 @@
 <template>
  <div id="app">
- <img alt="Vue logo" src="./assets/logo.png">
- <HelloWorld msg="Welcome to Your Vue.js App"/>
+ <img alt="Vue logo" src="./assets/storm.png">
+ <HelloWorld msg="Welcome to Rabe GitOps App"/>
  </div>
 </template>
 

diff --git a/src/assets/logo.png b/src/assets/logo.png
diff --git a/src/assets/storm.png b/src/assets/storm.png
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
@@ -2,29 +2,14 @@
  <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>.
+ A comprehensive journey into the future of DevOps.
  </p>
- <h3>Installed CLI Plugins</h3>
+ <h2>Xchange 2020</h2>
  <ul>
  </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>
+ <h6>made with <span style="color: #e25555;">&hearts;</span> by</h6>
+ <h4>Claudio Scalzo</h4>
+ <h4>Luca Lombardo</h4>
  </div>
 </template>
 
@@ -39,9 +24,12 @@ export default {
 
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped>
-h3 {
+h2 {
  margin: 40px 0 0;
 }
+h4 {
+ margin-block-end: -1.3em;
+}
 ul {
  list-style-type: none;
  padding: 0;