view | history | commit | commitdiff
Donal Spring
2018-06-03 71eec436bdcbb5c86c11929033b6053a986e857b
commit | author | age
128c44 1 <template>
D 2   <div>
3     <h3>Learn more about Open Innovation Labs</h3>
4     <ul>
5       <li v-for="item in aboutLabs" :key="item.name" ><a :href="item.url" target="_blank">{{item.name}}</a></li>
6     </ul>
7     <h3>Connect with us</h3>
8     <ul>
9       <li v-for="item in social" :key="item.name" ><a :href="item.url" target="_blank">{{item.name}}</a></li>
10     </ul>
11   </div>
12 </template>
13
14 <script>
15 // @ is an alias to /src
16 export default {
17   name: "AboutLabs",
18   components: {},
19   data() {
20     return {
21       aboutLabs: [
22         {
23           name: "Labs Homepage",
24           url:
25             "https://www.redhat.com/en/engage/open-innovation-labs-20170905?sc_cid=701f2000000tvPOAAY"
26         },
27         {
28           name: "Lab Locations",
29           url:
30             "https://www.redhat.com/en/services/consulting/open-innovation-labs/locations"
31         },
32         {
33           name: "Labs Tech",
34           url: "https://www.redhat.com/en/explore/my-open-innovation-lab-stack"
35         },
36         {
37           name: "Inside a Residency Blog",
38           url: "https://developers.redhat.com/blog/2018/01/26/part-1-inside-open-innovation-labs-residency/"
39         }
40       ],
41       social: [
42         {
43           name: "YouTube",
44           url:
45             "https://www.youtube.com/watch?v=RxOKoqpDuIA"
46         },
47         {
48           name: "Twitter",
49           url:
50             "https://twitter.com/redhatlabs?lang=en"
51         }
52       ]
53     };
54   }
55 };
56 </script>
57
58
59 <!-- Add "scoped" attribute to limit CSS to this component only -->
60 <style scoped lang="scss">
61 h3 {
62   margin: 40px 0 0;
63 }
64 ul {
65   list-style-type: none;
66   padding: 0;
67 }
68 li {
69   display: inline-block;
70   margin: 0 10px;
71 }
72 a {
73   color: #a30000;
74 }
75 </style>