---
# System prepended metadata

title: The pitch
tags: [Templates, ' Talk']

---

---
title: The pitch 
tags: Templates, Talk
description: View the slide with "Slide Mode".
---

# Team 5 - what we would like to take to the New Normal 

<!-- Put the link to this slide here so people can follow -->
slide: https://hackmd.io/t8SMdmdGT0GO8AGzzjMqFA?both



---

This is a summary of the solutions that we have discussed 

if you wish you can join this address and we will edit

---hgchgcchgchgchgc hello




## Connected, interactive, safe and resilient workplace, tools and technology

- Front-end developer
- VSCode :heart: 
- I use tabs. :cat: 

---

### Offline vs online way of work :heart: 

---

To have a proper workplace anywhere and reduce the ecological impact of commuting, we need to find a good balance between off- and onsite working to accommodate for everyone’s needs. For this, we are suggesting to look further into flexibility for teams to decide their preferred way of working, rotating systems, core hours/days/weeks and minimum thresholds of people to work on-site to make it useful.

---

### What is a workplace

---




`To have a proper workplace anywhere and reduce the ecological impact of commuting, we need to…… think beyond the existing offices and our homes and consider also a Eurosystem network of offices or smaller, local co-working places for rent.

---

### How a connected, interactive, resilient and safe workplace looks like

---

… think about what we want to use our office space for (silent/concentrated individual work vs. collaborative/creative team work or both) and ensure sufficient workplace ergonomics regardless of where it is (e.g. space, furniture, screens, windows, sports facilities).

---

## Content script

- Bind with each page
- Manipulate DOM
- Add event listeners
- Isolated JavaScript environment
  - It doesn't break things

---

# :fork_and_knife: 

---

<style>
code.blue {
  color: #337AB7 !important;
}
code.orange {
  color: #F7A004 !important;
}
</style>

- <code class="orange">onMessage('event')</code>: Register event listener
- <code class="blue">sendMessage('event')</code>: Trigger event

---

# :bulb: 

---

- Dead simple API
- Only cares about application logic

---

```typescript
import * as Channeru from 'channeru'

// setup channel in different page environment, once
const channel = Channeru.create()
```

---

```typescript
// in background script
const fakeLogin = async () => true

channel.answer('isLogin', async () => {
  return await fakeLogin()
})
```

<br>

```typescript
// in inject script
const isLogin = await channel.callBackground('isLogin')
console.log(isLogin) //-> true
```

---

# :100: :muscle: :tada:

---

### Wrap up

- Cross envornment commnication
- A small library to solve messaging pain
- TypeScript Rocks :tada: 

---

### Thank you! :sheep: 

You can find me on

- GitHub
- Twitter
- or email
