Skip to content

Commit 7e9f13e

Browse files
author
Sami Kolari
committed
updated community and getting started
1 parent b1315e9 commit 7e9f13e

File tree

10 files changed

+137
-63
lines changed

10 files changed

+137
-63
lines changed

‎public/img/Calendar.svg

Lines changed: 1 addition & 0 deletions
Loading

‎public/index.html

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
<meta http-equiv="X-UA-Compatible" content="IE=edge">
66
<meta name="viewport" content="width=device-width,initial-scale=1.0">
77
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
8+
<script defer data-domain="robotframework.org" src="https://plausible.io/js/plausible.js"></script>
89
<!-- <script type="text/javascript">
910
var _jipt = [];
1011
_jipt.push(['project', 'ddd00e482856bb264959ae8e3d51e4b6']);

‎src/assets/css/text.css

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -86,12 +86,18 @@ button {
8686
font-size: 1rem;
8787
}
8888

89-
code {
89+
code, pre {
9090
border: 0.1rem inset;
9191
padding: var(--size-3xsmall);
9292
background-color: rgba(150, 150, 150, 0.1);
9393
}
9494

95+
code {
96+
display: block;
97+
white-space: pre-wrap;
98+
width: fit-content;
99+
}
100+
95101
.dense {
96102
letter-spacing: 0;
97103
}
@@ -102,7 +108,7 @@ label {
102108

103109
p {
104110
font-size: var(--type-body);
105-
margin-bottom: var(--size-small);
111+
margin: var(--size-xsmall) 0;
106112
}
107113

108114
ul {

‎src/components/CommunityItems.vue

Lines changed: 103 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,103 @@
1+
<template>
2+
<div class="bg-grey-light rounded row p-small">
3+
<div class="row col-md-4">
4+
<div
5+
v-for="link in [items[0], items[1]]"
6+
:key="link.imgName"
7+
class="flex col-sm-12"
8+
:class="$store.state.isMobile ? 'pl-small pr-small' : ''">
9+
<a :href="link.href">
10+
<img :src="`${publicPath}img/${link.imgName}.svg`" style="width: 3rem; height: 3rem; transform: translateY(0.25rem);" />
11+
</a>
12+
<div class="ml-xsmall">
13+
<a :href="link.href">
14+
<h3>
15+
{{ link.title }}
16+
</h3>
17+
</a>
18+
<div class="mt-2xsmall">
19+
{{ link.description }}
20+
</div>
21+
</div>
22+
</div>
23+
</div>
24+
<div class="col-md-4">
25+
<div
26+
class="flex col-sm-12"
27+
:class="$store.state.isMobile ? 'pl-small pr-small' : ''">
28+
<a :href="items[2].href">
29+
<img :src="`${publicPath}img/${items[2].imgName}.svg`" style="width: 3rem; height: 3rem; transform: translateY(0.25rem);" />
30+
</a>
31+
<div class="ml-xsmall">
32+
<a :href="items[2].href">
33+
<h3>
34+
{{ items[2].title }}
35+
</h3>
36+
</a>
37+
<div class="mt-2xsmall">
38+
{{ items[2].description }}
39+
</div>
40+
</div>
41+
</div>
42+
</div>
43+
<div class="col-md-4 pl-medium">
44+
<h3 class="color-grey-dark">
45+
Other
46+
</h3>
47+
<div
48+
v-for="link in items.slice(3)"
49+
:key="link.href"
50+
class="mb-2xsmall">
51+
<a :href="link.href">
52+
{{ link.title }}
53+
</a>
54+
</div>
55+
</div>
56+
</div>
57+
</template>
58+
59+
<script>
60+
export default {
61+
name: 'CommunityLinks',
62+
data: () => ({
63+
publicPath: process.env.BASE_URL
64+
}),
65+
computed: {
66+
items() {
67+
return [
68+
{
69+
imgName: 'RF',
70+
href: 'http://forum.robotframework.org/',
71+
title: this.$t('community.links.forum.title'),
72+
description: this.$t('community.links.forum.description')
73+
}, {
74+
imgName: 'Slack',
75+
href: 'https://rf-invite.herokuapp.com/',
76+
title: this.$t('community.links.slack.title'),
77+
description: this.$t('community.links.slack.description')
78+
}, {
79+
imgName: 'Calendar',
80+
href: 'https://calendar.google.com/event?action=TEMPLATE&tmeid=am83cGl0dDN2dG1rNTJ0YWZnaHU0aGJwaWVfMjAyMTA4MjdUMTMwMDAwWiBjX2N2bzZrcTNzOTcybzc2MzN1Mm5mNnUxdjdvQGc&tmsrc=c_cvo6kq3s972o7633u2nf6u1v7o%40group.calendar.google.com&scp=ALL',
81+
title: this.$t('community.links.openSpace.title'),
82+
description: this.$t('community.links.openSpace.description')
83+
}, {
84+
href: 'https://www.facebook.com/robotframeworkofficial',
85+
title: 'Facebook'
86+
}, {
87+
href: 'http://twitter.com/robotframework',
88+
title: 'Twitter'
89+
}, {
90+
href: 'https://www.linkedin.com/groups/3710899/',
91+
title: 'LinkedIn'
92+
}, {
93+
href: 'http://groups.google.com/group/robotframework-users',
94+
title: 'Community mailing list'
95+
}, {
96+
href: 'http://groups.google.com/group/robotframework-announce',
97+
title: 'Releases mailing list'
98+
}
99+
]
100+
}
101+
}
102+
}
103+
</script>

‎src/components/PageSection.vue

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -12,13 +12,12 @@
1212
</div>
1313
<div
1414
class="col-sm-12 col-lg-9"
15-
:class="$store.state.isMobile ? '' : 'pt-medium'">
16-
<p v-html="body" />
17-
</div>
15+
:class="$store.state.isMobile ? '' : 'pt-xsmall'"
16+
v-html="body" />
1817
</div>
1918
<div
2019
class="row"
21-
:class="$store.state.isMobile ? '' : 'p-small'">
20+
:class="$store.state.isMobile ? '' : 'pl-small pr-small'">
2221
<slot />
2322
</div>
2423
</div>

‎src/components/PageSectionTwitter.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
</div>
1313
<div
1414
class="col-sm-12 col-lg-6"
15-
:class="!$store.state.isMobile ? 'pr-large pt-medium' : ''"
15+
:class="!$store.state.isMobile ? 'pr-large pt-xsmall' : ''"
1616
ref="body"
1717
id="asd">
1818
<p v-html="body" />

‎src/components/TabBox.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<button
55
v-for="(tab, i) in tabs"
66
:key="tab.name"
7-
class="type-uppercase theme-button type-small mb-small"
7+
class="type-uppercase theme-button type-small"
88
:class="[
99
activeTabName === tab.name ? 'active' : '',
1010
i === 2 ? 'mr-none' : 'mr-medium'
@@ -13,7 +13,7 @@
1313
{{ tab.name }}
1414
</button>
1515
</div>
16-
<div class="row mt-medium">
16+
<div class="row mt-small">
1717
<transition name="opacity" mode="out-in">
1818
<div
1919
v-if="activeTab"

‎src/components/index.js

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,7 @@ import PageSection from './PageSection.vue'
77
import PageSectionTwitter from './PageSectionTwitter.vue'
88
import CompanyBlock from './CompanyBlock.vue'
99
import CompanyCarousel from './CompanyCarousel.vue'
10+
import CommunityItems from './CommunityItems.vue'
1011
import ResourceBox from './ResourceBox.vue'
1112
import TabBox from './TabBox.vue'
1213

@@ -23,6 +24,7 @@ export {
2324
PageSectionTwitter,
2425
CompanyBlock,
2526
CompanyCarousel,
27+
CommunityItems,
2628
ResourceBox,
2729
TabBox,
2830

‎src/content/english.js

Lines changed: 13 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -89,9 +89,12 @@ export default () => ({
8989
{
9090
name: 'Install',
9191
description: `
92-
<p>Install Robot Framework, python and bunch of other stuff.</p>
93-
<p>Supports paragraphs.</p>
94-
<code>pip install</code>
92+
<p>Robot Framework is implemented with Python, so you need to have <a href="https://www.python.org/downloads/" target="_blank">Python installed.</a><br>On Windows machines, make sure to add <a href="https://docs.python.org/3/using/windows.html#the-full-installer" target="_blank">Python to PATH</a> during installation.</p>
93+
<p>Installing Robot Framework with pip is simple:
94+
<code>pip install robotframework</code></p>
95+
<p>To check that the installation was succesful, run
96+
<code>robot --version</code></p>
97+
<p>Now you are ready to write your first test!</p>
9598
`
9699
},
97100
{
@@ -107,8 +110,10 @@ export default () => ({
107110
community: {
108111
title: 'Community',
109112
body:
110-
`Robot Framework has a vibrant community around it with various online forums, annual
111-
RoboCon conference, and meetup groups around the world.`,
113+
`<p>Robot Framework has a vibrant community around it. Something something something...</p>
114+
<p>There is also an annual RoboCon conference that is hosted in Helsinki, Finland.
115+
RoboCon 2022 will be a hybrid event that can be attended online and in real life.<br>
116+
For more information and to watch previous years' talks, visit <a href="https://robocon.io" target="_blank">robocon.io</a></p>`,
112117
links: {
113118
forum: {
114119
title: 'Forum',
@@ -118,9 +123,9 @@ export default () => ({
118123
title: 'Slack',
119124
description: 'Community team chat. Click to get invited!'
120125
},
121-
mailingList: {
122-
title: 'Mailing list',
123-
description: 'Google groups community mailing list.'
126+
openSpace: {
127+
title: 'Open space',
128+
description: 'Meet the Robot Framework developers and foundation members. Join topics created by others or bring your own (Robot Framework related). Also in Slack #open-space.'
124129
}
125130
}
126131
},

‎src/views/Home.vue

Lines changed: 3 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -26,25 +26,7 @@
2626
:title="$t('community.title')"
2727
:body="$t('community.body')">
2828
<div class="col-sm-12 col-md-9 col-md-offset-3 row">
29-
<div
30-
v-for="link in communityLinks"
31-
:key="link.imgName"
32-
class="flex col-sm-12 col-md-4 mb-medium"
33-
:class="$store.state.isMobile ? 'pl-small pr-small' : ''">
34-
<a :href="link.href">
35-
<img :src="`${publicPath}img/${link.imgName}.svg`" style="width: 5rem; height: 5rem;" />
36-
</a>
37-
<div class="ml-small">
38-
<a :href="link.href">
39-
<h3>
40-
{{ link.title }}
41-
</h3>
42-
</a>
43-
<div class="mt-2xsmall">
44-
{{ link.description }}
45-
</div>
46-
</div>
47-
</div>
29+
<community-items />
4830
</div>
4931
</page-section>
5032
<!-- resources -->
@@ -67,6 +49,7 @@ import {
6749
PageSection,
6850
PageSectionTwitter,
6951
CompanyCarousel,
52+
CommunityItems,
7053
ResourceBox,
7154
TabBox
7255
} from 'Components'
@@ -82,36 +65,10 @@ export default {
8265
PageSection,
8366
PageSectionTwitter,
8467
CompanyCarousel,
68+
CommunityItems,
8569
ResourceBox,
8670
TabBox
8771
},
88-
data: () => ({
89-
publicPath: process.env.BASE_URL
90-
}),
91-
computed: {
92-
communityLinks() {
93-
return [
94-
{
95-
imgName: 'RF',
96-
href: 'http://forum.robotframework.org/',
97-
title: this.$t('community.links.forum.title'),
98-
description: this.$t('community.links.forum.description')
99-
},
100-
{
101-
imgName: 'Slack',
102-
href: 'https://rf-invite.herokuapp.com/',
103-
title: this.$t('community.links.slack.title'),
104-
description: this.$t('community.links.slack.description')
105-
},
106-
{
107-
imgName: 'Gmail',
108-
href: 'http://groups.google.com/group/robotframework-users',
109-
title: this.$t('community.links.mailingList.title'),
110-
description: this.$t('community.links.mailingList.description')
111-
}
112-
]
113-
}
114-
},
11572
mounted() {
11673
const embedScript = document.createElement('script')
11774
embedScript.setAttribute('src', '//katacoda.com/embed.js')

0 commit comments

Comments
 (0)