Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit7e9f13e

Browse files
author
Sami Kolari
committed
updated community and getting started
1 parentb1315e9 commit7e9f13e

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
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
66
<metaname="viewport"content="width=device-width,initial-scale=1.0">
77
<linkrel="icon"href="<%= BASE_URL %>favicon.ico">
8+
<scriptdeferdata-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+
<divclass="bg-grey-light rounded row p-small">
3+
<divclass="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+
<divclass="ml-xsmall">
13+
<a:href="link.href">
14+
<h3>
15+
{{ link.title }}
16+
</h3>
17+
</a>
18+
<divclass="mt-2xsmall">
19+
{{ link.description }}
20+
</div>
21+
</div>
22+
</div>
23+
</div>
24+
<divclass="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+
<divclass="ml-xsmall">
32+
<a:href="items[2].href">
33+
<h3>
34+
{{ items[2].title }}
35+
</h3>
36+
</a>
37+
<divclass="mt-2xsmall">
38+
{{ items[2].description }}
39+
</div>
40+
</div>
41+
</div>
42+
</div>
43+
<divclass="col-md-4 pl-medium">
44+
<h3class="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+
exportdefault {
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-
<pv-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
<pv-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-
<divclass="row mt-medium">
16+
<divclass="row mt-small">
1717
<transitionname="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
importPageSectionTwitterfrom'./PageSectionTwitter.vue'
88
importCompanyBlockfrom'./CompanyBlock.vue'
99
importCompanyCarouselfrom'./CompanyCarousel.vue'
10+
importCommunityItemsfrom'./CommunityItems.vue'
1011
importResourceBoxfrom'./ResourceBox.vue'
1112
importTabBoxfrom'./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
<divclass="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-
<divclass="ml-small">
38-
<a:href="link.href">
39-
<h3>
40-
{{ link.title }}
41-
</h3>
42-
</a>
43-
<divclass="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
constembedScript=document.createElement('script')
11774
embedScript.setAttribute('src','//katacoda.com/embed.js')

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp