box-shadow:2px4px4px-1pxrgba(0,0,0,0.16),

6px6px20px-1pxrgba(107,84,84,0.1);

}

.card.sharp {

border-radius:0;

}

.border-black {

border: solid0.15remvar(--color-black);

transition:0.1s color,0.1s background-color, box-shadow0.1s;

font-family:var(--font-title);

padding:var(--size-2xsmall)var(--size-small);

text-transform: uppercase;

}

button.theme {

color:var(--color-black);

@media screenand (max-width:768px) {

button.theme,button.stroke {

padding:var(--size-3xsmall)var(--size-2xsmall);

padding:var(--size-2xsmall)var(--size-xsmall);

}

}

max-width:var(--layout-container-max-width);

}

.container.narrow {

max-width:var(--layout-container-narrow-max-width);

}

.flex {

display: flex;

}

--bp-lg:1400px;/* desktop breakpoint */

--layout-container-max-width:1400px;

--layout-container-narrow-max-width:800px;

--container-padding:0;

<template>

<div

class="bg-white row card"

:class="$store.state.isMobile ? 'pt-medium pb-medium' : 'p-medium'">

<divclass="row col-md-4">

:class="$store.state.isMobile ? 'pt-medium pb-medium' : 'p-large'">

<divclass="row col-md-5 pr-medium">

<div

v-for="link in [items[0], items[1]]"

:key="link.imgName"

</div>

</div>

</div>

<divclass="col-md-4">

<divclass="col-md-5 pr-medium">

<div

class="flex col-sm-12"

:class="$store.state.isMobile ? 'pl-small pr-small' : ''">

</div>

</div>

<div

class="col-md-4 pl-medium"

class="col-md-2 pl-medium"

:style="$store.state.isMobile ? 'padding-left: 4.7rem; margin-top: 1rem;' : ''">

<h3class="color-grey-dark mb-2xsmall">

Other

:key="company.name"

:aria-label="`${company.name} testimonial`"

:style="`background-image: url(${publicPath}img/carousel-company-icons/${company.imgName})`"

class="img-container-small mr-small mr-small bg-white card mt-2xsmall"

class="img-container-small mr-small mr-small bg-white card mt-small"

:class="activeCompanyIndex === i ? 'logo-active border-black border-thin' : ''"

@click="activeCompanyIndex = i" />

<router-link:to="{ name: 'Users' }"class="card pl-small pr-small color-grey-dark mt-2xsmall"style="line-height:1.85;">

</div>

<buttonclass="theme mt-small">

<router-link:to="{ name: 'Users' }"class="type-no-underline">

More users

</router-link>

</div>

</button>

</div>

</template>

class="twitter-timeline"

data-dnt="true"

data-theme="dark"

href="https://twitter.com/robotframework?ref_src=twsrc%5Etfw">

href="https://twitter.com/robotframework?ref_src=twsrc%5Etfw">¨

Tweets by robotframework

</a>

<component:is="'script'"asyncsrc="https://platform.twitter.com/widgets.js"charset="utf-8" />

<template>

<div>

<divclass="bg-grey-dark color-white p-small card">

<div

class="bg-grey-dark color-white card"

:class="$store.state.isMobile ? 'p-small pt-medium sharp' : 'p-large'">

<divclass="row">

<button

v-for="({ name, key }, i) in $tm('resources.tabs')"

:key="name"

class="type-uppercase theme type-small"

class="type-uppercase theme type-small mb-small"

:class="[

@click="activeTab = key; showAll = false">

{{ name }}

<divclass="row mb-medium">

<div

class="col-sm-12 col-md-9 pt-medium"

:class="$store.state.isMobile ? '' : 'pr-large'"

v-html="selectedDescription" />

<div

class="col-sm-6 col-md-3 flex bottom"

class="col-sm-12 col-md-3 flex bottom"

:class="$store.state.isMobile ? '' : 'end'">

<divclass="relative"style="width:100%;">

<divclass="flex middle card border-white border-thin mt-medium"style="width:100%;">

<div

v-for="(item, i) in visibleItems"

:key="item.name"

class="pb-xsmall pt-xsmall"

class="p-xsmall"

style="margin-left:-1rem;margin-right:-1rem;"

:style="i % 2 ? 'background-color: rgba(255, 255, 255, 0.1)' : ''">

<divclass="flex between">

<div>

</div>

<div

v-html="item.description"

class="type-small" />

class="type-small mt-2xsmall" />

</div>

</div>

<button

v-if="!showAll && itemsFilteredByTag.length > 7"

class="stroke type-uppercase mt-small type-small"

@click="showAll = true">

Show more

</button>

<divclass="flex":class="$store.state.isMobile ? 'center' : ''">

<button

v-if="!showAll && itemsFilteredByTag.length > 7"

class="stroke type-uppercase mt-small type-small mb-xsmall"

@click="showAll = true">

Show more

</button>

</div>

</div>

</transition>

</div>

<template>

<divclass="bg-grey-dark p-small card">

<div

class="bg-grey-dark card"

:class="$store.state.isMobile ? 'p-small pt-medium sharp' : 'p-large'">

<divclass="row">

<button

v-for="(tab, i) in tabs"

:key="tab.name"

class="type-uppercase theme type-small"

class="type-uppercase theme type-small mb-xsmall"

:class="[

@click="activeTabIndex = i">

{{ tab.name }}

<template>

<divclass="container mb-xlarge">

<divclass="containernarrowmb-xlarge pl-small pr-small">

<divclass="row mb-large mt-large">

<buttonv-if="cameFromHome"@click="$router.go(-1)"class="color-theme type-underline">

Back

harassed, or have any other concerns, please Contact

<ahref="mailto: awareness@robotframework.org">awareness@robotframework.org</a>.

</p>

<h4>Harassment includes</h4>

<h3class="mt-large">Harassment includes</h3>

<ul>

<li>

Offensive comments related to gender, gender identity and expression, sexual orientation, disability, mental illness, neuro(a)typicality, physical appearance, body size, age, race, or religion.

Criticizing racist, sexist, cissexist, or otherwise oppressive behaviour or assumptions

</li>

</ul>

<h4class="mt-small">Reporting</h4>

<h3class="mt-large">Reporting</h3>

<ul>

<li>

If you are being harassed by a member of ROBOT FRAMEWORK, notice that someone else is being harassed, or have any other concerns, please contact <astyle="display:inline;"href="mailto: awareness@robotframework.org">awareness@robotframework.org</a>. If the person who is harassing you is on the team, they will recuse themselves from handling your incident. We will respond as promptly as we can.

We will respect confidentiality requests for the purpose of protecting victims of abuse. At our discretion, we may publicly name a person about whom we’ve received harassment complaints, or privately warn third parties about them, if we believe that doing so will increase the safety of ROBOT FRAMEWORK members or the general public. We will not name harassment victims without their affirmative consent.

</li>

</ul>

<h4class="mt-small">Consequences</h4>

<h3class="mt-large">Consequences</h3>

<ul>

<li>

Participants asked to stop any harassing behaviour are expected to comply immediately.

:body="$t('community.body')">

<divclass="col-sm-12 col-md-9 col-md-offset-3 row">

<community-items />

<buttonclass="theme mt-small">

<router-link:to="{ name: 'CoC' }">

<buttonclass="theme mt-medium":class="$store.state.isMobile ? 'ml-xsmall' : ''">

<router-link:to="{ name: 'CoC' }"class="type-no-underline">

Code of Conduct

</router-link>

</button>