Words are very necessary – Notes on building a dictionary

A presentation at JAMStack_berlin in January 2020 in Berlin, Germany by Oscar

Slide 1

Slide 1

Words are very necessary. Notes on building a dictionary

Slide 2

Slide 2

Never again.

Slide 3

Slide 3

«That’s what I would like to say to my daughter, my granddaughter, peers of my daughter and granddaughter: Do not be indifferent.» ☞ Marian Turski, Auschwitz Survivor

Slide 4

Slide 4

https://r.ovl.design/jamstack-2001 Twitter: @_ovlb

Slide 5

Slide 5

Agenda Intro Tech & Code Feature Outlook

Slide 6

Slide 6

Disclaimer While I am working on this project it is not a project that is made for a privileged white dude. I just lent my expertise

Slide 7

Slide 7

What is Self-Defined?

Slide 8

Slide 8

Words about people

Slide 9

Slide 9

«Self-Defined seeks to provide more inclusive, holistic, and fluid definitions to reflect the diverse perspectives of the modern world.» ☞ Tatiana Mac www.selfdefined.app

Slide 10

Slide 10

Slide 11

Slide 11

www.selfdefined.app

Slide 12

Slide 12

Building Blocks

Slide 13

Slide 13

A dictionary is more than words 🙀

Slide 14

Slide 14

index.html 963 lines of code

Slide 15

Slide 15

Let humans focus on the definitions

Slide 16

Slide 16

Eleventy A simpler static site generator Invented by Zach Leatherman

Slide 17

Slide 17

Slide 18

Slide 18

Slide 19

Slide 19

Slide 20

Slide 20

Collections Automated collections by tags

Slide 21

Slide 21

Slide 22

Slide 22

Filtered by glob: filters getAll()

Slide 23

Slide 23

Slide 24

Slide 24

Filters & Shortcodes Thats it for Eleventy Link to courses and docs in the slides

Slide 25

Slide 25

Basic Definition Content

Slide 26

Slide 26

Slide 27

Slide 27

Slide 28

Slide 28

Slide 29

Slide 29

There are some things we haven’t yet covered

Slide 30

Slide 30

Advanced Definition Content Front Matter

Slide 31

Slide 31

Flags Visual clues helping to categorise words

Slide 32

Slide 32

Slide 33

Slide 33

Slide 34

Slide 34

Slide 35

Slide 35

Slide 36

Slide 36

Alternative words

Slide 37

Slide 37

Thing to note: Link

Slide 38

Slide 38

Slide 39

Slide 39

Slide 40

Slide 40

Slide 41

Slide 41

Slide 42

Slide 42

Table of Content

Slide 43

Slide 43

«this will not be remembered as the best code i’ve written.» ☞ Me github.com/tatianamac/selfdefined/blob/master/.eleventy.js#L80 It’s liberating that users won’t suffer from it

Slide 44

Slide 44

Thing to note: sections

Slide 45

Slide 45

Skip in ToC

Slide 46

Slide 46

Slide 47

Slide 47

Slide 48

Slide 48

Slide 49

Slide 49

Thing to note: Link

Slide 50

Slide 50

Slide 51

Slide 51

Slide 52

Slide 52

Feature Outlook

Slide 53

Slide 53

Self-Definitions Add your definition of you

Slide 54

Slide 54

API

Slide 55

Slide 55

Twitter Bot Slack-Bot …

Slide 56

Slide 56

Inclusive Contribution Workflow Lowering the barriers to entry

Slide 57

Slide 57

Outro

Slide 58

Slide 58

Ways to help Contribute

Slide 59

Slide 59

Ways to help Sponsor Tatiana

Slide 60

Slide 60

Ways to help Volunteer writing, design, dev help

Slide 61

Slide 61

Re-define the world Speak up. Act up. Dict just a small part

Slide 62

Slide 62

https://r.ovl.design/jamstack-2001 Twitter: @_ovlb

Slide 63

Slide 63

Danke. Oscar Braunert Thank you. www.ovl.design o@ovl.design @_ovlb Merci. code & design спасибо. ♡