├── .gitignore ├── LICENSE ├── README.md ├── assets └── screenshot.png ├── index.js ├── package.json └── speakers.json /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules/ 2 | coverage/ 3 | tmp/ 4 | dist/ 5 | npm-debug.log* 6 | .DS_Store 7 | .nyc_output 8 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2016 Yoshua Wuyts 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # berlinjs 2 | 3 | ![screenshot displaying the very yellow berlin.js website - because yellow is 4 | the color of javascript. Or something haha](./assets/screenshot.png) 5 | 6 | ## Contributing 7 | All speaker data is in `./speakers.json`. Time and date are at the top of 8 | `index.js`. 9 | ```sh 10 | $ npm install # install dependencies 11 | $ npm start # start the dev server & open the application 12 | $ npm run build # output to static files in dist/ 13 | ``` 14 | 15 | ## License 16 | [MIT](https://tldrlegal.com/license/mit-license) 17 | -------------------------------------------------------------------------------- /assets/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yoshuawuyts/berlinjs/34822c13f1d0407bee583a8510173604327cb578/assets/screenshot.png -------------------------------------------------------------------------------- /index.js: -------------------------------------------------------------------------------- 1 | var html = require('choo/html') 2 | var css = require('sheetify') 3 | var choo = require('choo') 4 | 5 | var speakerData = require('./speakers.json') 6 | var date = { 7 | dayOfWeek: 'Tuesday', 8 | time: '7pm', 9 | date: 'March 16th' 10 | } 11 | 12 | css('tachyons') 13 | 14 | css` 15 | .js-yellow { color: #f7df1e } 16 | .bg-js-yellow { background-color: #f7df1e } 17 | ` 18 | 19 | var logo = css` 20 | :host { 21 | font-size: 4rem; 22 | text-shadow: 23 | -1px 1px black, 24 | -2px 2px black, 25 | -3px 3px black, 26 | -4px 4px black; 27 | } 28 | 29 | @media screen and (min-width: 60em) { 30 | :host { 31 | font-size: 12rem; 32 | text-shadow: 33 | -3px 3px black, 34 | -6px 6px black, 35 | -9px 9px black, 36 | -12px 12px black; 37 | } 38 | } 39 | ` 40 | 41 | var app = choo() 42 | app.route('/', mainView) 43 | app.mount('body') 44 | 45 | function mainView () { 46 | return html` 47 | 48 | ${nav()} 49 |
50 | ${speakers()} 51 | ${codeOfConduct()} 52 | ${sponsor()} 53 |
54 | ${footer()} 55 | 56 | ` 57 | } 58 | 59 | function nav () { 60 | return html` 61 | 76 | ` 77 | } 78 | 79 | function speakers () { 80 | return html` 81 |
82 |
83 |

84 | Featuring amazing speakers 85 |

86 |
87 |
88 | ${speakerData.map(speaker)} 89 |
90 |
91 |
92 |
93 | ` 94 | function speaker (data) { 95 | return html` 96 |
97 |

98 | ${data.name} 99 |

100 |

101 | ${data.description} 102 |

103 |
104 | ` 105 | } 106 | } 107 | 108 | function codeOfConduct () { 109 | return html` 110 |
111 |
112 |
113 |

114 | We care about human beings 115 |

116 |
117 |
118 | Our goal is to have an awesome, inclusive and safe community meetup 119 | where people meet, hang out together, chat, listen to talks, exchange 120 | ideas and make new friends. 121 | 122 | 123 | Any harmful or discriminating behaviour 124 | will not be tolerated and results in the offending person being 125 | expelled from the meetup. 126 | 127 | 128 | For details on what kinds of behaviour are not tolerated and 129 | consequences for violating these rules, we refer to the 130 | 131 | Berlin Code of Conduct. 132 | 133 |
134 |
135 |
136 | ` 137 | } 138 | 139 | function sponsor () { 140 | return html` 141 |
142 |
143 |

144 | Kindly sponsored by 145 | 146 | co.up coworking 147 | 148 |

149 |
150 |
151 | ` 152 | } 153 | 154 | function footer () { 155 | return html` 156 | 179 | ` 180 | } 181 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "berlinjs", 3 | "description": "Berlinjs website", 4 | "repository": "yoshuawuyts/berlinjs", 5 | "version": "1.0.0", 6 | "private": true, 7 | "scripts": { 8 | "deps": "dependency-check . && dependency-check . --extra --no-dev", 9 | "start": "bankai start --open", 10 | "build": "bankai build --optimize", 11 | "test": "standard && npm run deps" 12 | }, 13 | "dependencies": { 14 | "choo": "^5.0.0-5", 15 | "sheetify": "^6.0.1", 16 | "tachyons": "^4.6.2" 17 | }, 18 | "devDependencies": { 19 | "bankai": "^5.4.0", 20 | "dependency-check": "^2.8.0", 21 | "standard": "^8.0.0", 22 | "tape": "^4.6.3" 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /speakers.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "name": "Morgan Roderick", 4 | "uri": "https:\/\/twitter.com\/mrgnrdrck", 5 | "title": "Crafting lovely git narratives to enable software archaeology", 6 | "description": "In this talk, I will share practices, tips, and techniques that I have learned, which make my everyday life with git easier." 7 | }, 8 | { 9 | "name": "Mims H. Wright", 10 | "uri": "https:\/\/twitter.com\/mimshwright", 11 | "title": "Mimstris: porting an arcade puzzle game to React \/ Redux", 12 | "description": "I thought it would be fun to build a tetris clone so I could make weird-shaped pieces with my 4 year-old. But what started out as an innocent game tutorial soon became a semi-obsessive crash course in modern front-end concepts. It also is quite fun to play! Come watch as I retell my journey from nothing to a 60-line package.json file." 13 | }, 14 | { 15 | "name": "Felix Jung", 16 | "uri": "https:\/\/twitter.com\/feju", 17 | "title": "Upgrading to Webpack 2", 18 | "description": "Webpack is a module bundler for JavaScript applications. The final version 2.2 was released in January. It supports tree-shaking for smaller builds. What I learned when upgrading and optimizing an Angular 1.5 project from Webpack 1 to Webpack 2." 19 | } 20 | ] 21 | --------------------------------------------------------------------------------