view | history | commit | commitdiff
donal
2018-04-21 d3c92cdb92e37963dfb4ec69da9c728747d671a5
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",
d3c92c 38           url:
D 39             "https://developers.redhat.com/blog/2018/01/26/part-1-inside-open-innovation-labs-residency/"
128c44 40         }
D 41       ],
42       social: [
43         {
44           name: "YouTube",
d3c92c 45           url: "https://www.youtube.com/watch?v=RxOKoqpDuIA"
128c44 46         },
D 47         {
48           name: "Twitter",
d3c92c 49           url: "https://twitter.com/redhatlabs?lang=en"
128c44 50         }
D 51       ]
52     };
53   }
54 };
55 </script>
56
57
58 <!-- Add "scoped" attribute to limit CSS to this component only -->
59 <style scoped lang="scss">
60 h3 {
61   margin: 40px 0 0;
62 }
63 ul {
64   list-style-type: none;
65   padding: 0;
66 }
67 li {
68   display: inline-block;
69   margin: 0 10px;
70 }
71 a {
72   color: #a30000;
73 }
d3c92c 74 </style>