├── CNAME ├── favicon.ico ├── css ├── normalize.min.css ├── main.css └── normalize.css ├── js └── vendor │ └── modernizr-2.6.2-respond-1.1.0.min.js └── index.html /CNAME: -------------------------------------------------------------------------------- 1 | aboutfeminism.me 2 | -------------------------------------------------------------------------------- /favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/darobin/aboutfeminism/gh-pages/favicon.ico -------------------------------------------------------------------------------- /css/normalize.min.css: -------------------------------------------------------------------------------- 1 | /*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} -------------------------------------------------------------------------------- /css/main.css: -------------------------------------------------------------------------------- 1 | /*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */ 2 | 3 | html, 4 | button, 5 | input, 6 | select, 7 | textarea { 8 | color: #333; 9 | } 10 | 11 | html { 12 | font-size: 1em; 13 | line-height: 1.4; 14 | } 15 | 16 | ::-moz-selection { 17 | background: #b3d4fc; 18 | text-shadow: none; 19 | } 20 | 21 | ::selection { 22 | background: #b3d4fc; 23 | text-shadow: none; 24 | } 25 | 26 | hr { 27 | display: block; 28 | height: 1px; 29 | border: 0; 30 | border-top: 1px solid #ccc; 31 | margin: 1em 0; 32 | padding: 0; 33 | } 34 | 35 | audio, 36 | canvas, 37 | img, 38 | video { 39 | vertical-align: middle; 40 | } 41 | 42 | fieldset { 43 | border: 0; 44 | margin: 0; 45 | padding: 0; 46 | } 47 | 48 | textarea { 49 | resize: vertical; 50 | } 51 | 52 | .browsehappy { 53 | margin: 0.2em 0; 54 | background: #ccc; 55 | color: #000; 56 | padding: 0.2em 0; 57 | } 58 | 59 | 60 | /* ===== Initializr Styles ================================================== 61 | Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template 62 | ========================================================================== */ 63 | 64 | body { 65 | font-family: 'Noticia Text', serif; 66 | background-color: #white; 67 | } 68 | 69 | .wrapper { 70 | width: 90%; 71 | margin: 0 5%; 72 | } 73 | 74 | /* ============== 75 | MOBILE: Main 76 | ============== */ 77 | 78 | .main { 79 | padding: 30px 0; 80 | } 81 | 82 | .main article h1 { 83 | font-size: 4em; 84 | line-height: 1.118em; 85 | font-weight: bold; 86 | } 87 | 88 | .main aside { 89 | color: white; 90 | padding: 0px 5% 10px; 91 | } 92 | 93 | .footer-container footer { 94 | color: white; 95 | padding: 20px 0; 96 | } 97 | 98 | /* =============== 99 | ALL: IE Fixes 100 | =============== */ 101 | 102 | .ie7 .title { 103 | padding-top: 20px; 104 | } 105 | 106 | /* ========================================================================== 107 | Author's custom styles 108 | ========================================================================== */ 109 | 110 | .title { 111 | color: #030539; 112 | } 113 | 114 | ul { 115 | list-style-type: none; 116 | border-left: 4px #030539 solid; 117 | padding: 0 0 0 26px; 118 | } 119 | 120 | li { 121 | padding-bottom: 10px; 122 | line-height: 1.5em; 123 | color: #888; 124 | } 125 | 126 | h2 { 127 | font-size: 1.5em; 128 | color: #E0492A; 129 | padding-top: 0px; 130 | } 131 | 132 | p { 133 | font-size: 1.125em; 134 | line-height: 1.688em; 135 | } 136 | 137 | i { 138 | font-weight: bold; 139 | } 140 | 141 | footer { 142 | margin-top: 50px; 143 | border-top: 2px solid #030539; 144 | } 145 | 146 | footer li { 147 | text-transform: uppercase; 148 | font-size: .938em; 149 | letter-spacing: .25em; 150 | } 151 | 152 | footer ul { 153 | border-left: none; 154 | padding-left: 0; 155 | padding-top: 20px; 156 | } 157 | 158 | footer ul.one { 159 | float: left; 160 | padding-right: 40px; 161 | } 162 | 163 | a { 164 | color: #E0492A; 165 | text-decoration: none; 166 | } 167 | 168 | a:hover { 169 | text-decoration: underline; 170 | } 171 | 172 | /* ========================================================================== 173 | FontAwesome Icons 174 | ========================================================================== */ 175 | .fa { 176 | color: #E0492A; 177 | } 178 | 179 | .icons { 180 | display: block; 181 | text-align: center; 182 | margin: 60px 0 30px 0; 183 | } 184 | 185 | /* ========================================================================== 186 | Media Queries 187 | ========================================================================== */ 188 | 189 | @media only screen and (max-width: 320px) { 190 | 191 | .wrapper { 192 | width: 80%; 193 | margin: auto; 194 | } 195 | 196 | .main article { 197 | width: 100%; 198 | } 199 | 200 | .main article h1 { 201 | font-size: 3em; 202 | line-height: 1.118em; 203 | margin-top: 0px; 204 | } 205 | 206 | footer ul.one { 207 | float: none; 208 | } 209 | 210 | footer ul.two { 211 | padding-top: 0px; 212 | margin-top: -16px; 213 | } 214 | 215 | } 216 | 217 | @media only screen and (min-width: 400px) and (max-width: 768px) { 218 | 219 | .main article { 220 | margin: auto; 221 | width: 80%; 222 | } 223 | 224 | .main article h1 { 225 | font-size: 3em; 226 | line-height: 1.118em; 227 | font-weight: bold; 228 | } 229 | 230 | } 231 | 232 | @media only screen and (min-width: 768px) { 233 | 234 | 235 | /* ==================== 236 | WIDE: CSS3 Effects 237 | ==================== */ 238 | 239 | .header-container, 240 | .main aside { 241 | box-shadow: 0 5px 10px #aaa; 242 | } 243 | 244 | /* ============ 245 | WIDE: Main 246 | ============ */ 247 | 248 | .main article { 249 | margin: auto; 250 | width: 65%; 251 | } 252 | } 253 | 254 | @media only screen and (min-width: 1140px) { 255 | 256 | /* =============== 257 | Maximal Width 258 | =============== */ 259 | 260 | .wrapper { 261 | width: 1026px; /* 1140px - 10% for margins */ 262 | margin: 0 auto; 263 | } 264 | } 265 | 266 | /* ========================================================================== 267 | Helper classes 268 | ========================================================================== */ 269 | 270 | .ir { 271 | background-color: transparent; 272 | border: 0; 273 | overflow: hidden; 274 | *text-indent: -9999px; 275 | } 276 | 277 | .ir:before { 278 | content: ""; 279 | display: block; 280 | width: 0; 281 | height: 150%; 282 | } 283 | 284 | .hidden { 285 | display: none !important; 286 | visibility: hidden; 287 | } 288 | 289 | .visuallyhidden { 290 | border: 0; 291 | clip: rect(0 0 0 0); 292 | height: 1px; 293 | margin: -1px; 294 | overflow: hidden; 295 | padding: 0; 296 | position: absolute; 297 | width: 1px; 298 | } 299 | 300 | .visuallyhidden.focusable:active, 301 | .visuallyhidden.focusable:focus { 302 | clip: auto; 303 | height: auto; 304 | margin: 0; 305 | overflow: visible; 306 | position: static; 307 | width: auto; 308 | } 309 | 310 | .invisible { 311 | visibility: hidden; 312 | } 313 | 314 | .clearfix:before, 315 | .clearfix:after { 316 | content: " "; 317 | display: table; 318 | } 319 | 320 | .clearfix:after { 321 | clear: both; 322 | } 323 | 324 | .clearfix { 325 | *zoom: 1; 326 | } 327 | 328 | /* ========================================================================== 329 | Print styles 330 | ========================================================================== */ 331 | 332 | @media print { 333 | * { 334 | background: transparent !important; 335 | color: #000 !important; 336 | box-shadow: none !important; 337 | text-shadow: none !important; 338 | } 339 | 340 | a, 341 | a:visited { 342 | text-decoration: underline; 343 | } 344 | 345 | a[href]:after { 346 | content: " (" attr(href) ")"; 347 | } 348 | 349 | abbr[title]:after { 350 | content: " (" attr(title) ")"; 351 | } 352 | 353 | .ir a:after, 354 | a[href^="javascript:"]:after, 355 | a[href^="#"]:after { 356 | content: ""; 357 | } 358 | 359 | pre, 360 | blockquote { 361 | border: 1px solid #999; 362 | page-break-inside: avoid; 363 | } 364 | 365 | thead { 366 | display: table-header-group; 367 | } 368 | 369 | tr, 370 | img { 371 | page-break-inside: avoid; 372 | } 373 | 374 | img { 375 | max-width: 100% !important; 376 | } 377 | 378 | @page { 379 | margin: 0.5cm; 380 | } 381 | 382 | p, 383 | h2, 384 | h3 { 385 | orphans: 3; 386 | widows: 3; 387 | } 388 | 389 | h2, 390 | h3 { 391 | page-break-after: avoid; 392 | } 393 | } -------------------------------------------------------------------------------- /css/normalize.css: -------------------------------------------------------------------------------- 1 | /*! normalize.css v1.1.3 | MIT License | git.io/normalize */ 2 | 3 | /* ========================================================================== 4 | HTML5 display definitions 5 | ========================================================================== */ 6 | 7 | /** 8 | * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3. 9 | */ 10 | 11 | article, 12 | aside, 13 | details, 14 | figcaption, 15 | figure, 16 | footer, 17 | header, 18 | hgroup, 19 | main, 20 | nav, 21 | section, 22 | summary { 23 | display: block; 24 | } 25 | 26 | /** 27 | * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3. 28 | */ 29 | 30 | audio, 31 | canvas, 32 | video { 33 | display: inline-block; 34 | *display: inline; 35 | *zoom: 1; 36 | } 37 | 38 | /** 39 | * Prevent modern browsers from displaying `audio` without controls. 40 | * Remove excess height in iOS 5 devices. 41 | */ 42 | 43 | audio:not([controls]) { 44 | display: none; 45 | height: 0; 46 | } 47 | 48 | /** 49 | * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4. 50 | * Known issue: no IE 6 support. 51 | */ 52 | 53 | [hidden] { 54 | display: none; 55 | } 56 | 57 | /* ========================================================================== 58 | Base 59 | ========================================================================== */ 60 | 61 | /** 62 | * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using 63 | * `em` units. 64 | * 2. Prevent iOS text size adjust after orientation change, without disabling 65 | * user zoom. 66 | */ 67 | 68 | html { 69 | font-size: 100%; /* 1 */ 70 | -ms-text-size-adjust: 100%; /* 2 */ 71 | -webkit-text-size-adjust: 100%; /* 2 */ 72 | } 73 | 74 | /** 75 | * Address `font-family` inconsistency between `textarea` and other form 76 | * elements. 77 | */ 78 | 79 | html, 80 | button, 81 | input, 82 | select, 83 | textarea { 84 | font-family: sans-serif; 85 | } 86 | 87 | /** 88 | * Address margins handled incorrectly in IE 6/7. 89 | */ 90 | 91 | body { 92 | margin: 0; 93 | } 94 | 95 | /* ========================================================================== 96 | Links 97 | ========================================================================== */ 98 | 99 | /** 100 | * Address `outline` inconsistency between Chrome and other browsers. 101 | */ 102 | 103 | a:focus { 104 | outline: thin dotted; 105 | } 106 | 107 | /** 108 | * Improve readability when focused and also mouse hovered in all browsers. 109 | */ 110 | 111 | a:active, 112 | a:hover { 113 | outline: 0; 114 | } 115 | 116 | /* ========================================================================== 117 | Typography 118 | ========================================================================== */ 119 | 120 | /** 121 | * Address font sizes and margins set differently in IE 6/7. 122 | * Address font sizes within `section` and `article` in Firefox 4+, Safari 5, 123 | * and Chrome. 124 | */ 125 | 126 | h1 { 127 | font-size: 2em; 128 | margin: 0.67em 0; 129 | } 130 | 131 | h2 { 132 | font-size: 1.5em; 133 | margin: 0.83em 0; 134 | } 135 | 136 | h3 { 137 | font-size: 1.17em; 138 | margin: 1em 0; 139 | } 140 | 141 | h4 { 142 | font-size: 1em; 143 | margin: 1.33em 0; 144 | } 145 | 146 | h5 { 147 | font-size: 0.83em; 148 | margin: 1.67em 0; 149 | } 150 | 151 | h6 { 152 | font-size: 0.67em; 153 | margin: 2.33em 0; 154 | } 155 | 156 | /** 157 | * Address styling not present in IE 7/8/9, Safari 5, and Chrome. 158 | */ 159 | 160 | abbr[title] { 161 | border-bottom: 1px dotted; 162 | } 163 | 164 | /** 165 | * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome. 166 | */ 167 | 168 | b, 169 | strong { 170 | font-weight: bold; 171 | } 172 | 173 | blockquote { 174 | margin: 1em 40px; 175 | } 176 | 177 | /** 178 | * Address styling not present in Safari 5 and Chrome. 179 | */ 180 | 181 | dfn { 182 | font-style: italic; 183 | } 184 | 185 | /** 186 | * Address differences between Firefox and other browsers. 187 | * Known issue: no IE 6/7 normalization. 188 | */ 189 | 190 | hr { 191 | -moz-box-sizing: content-box; 192 | box-sizing: content-box; 193 | height: 0; 194 | } 195 | 196 | /** 197 | * Address styling not present in IE 6/7/8/9. 198 | */ 199 | 200 | mark { 201 | background: #ff0; 202 | color: #000; 203 | } 204 | 205 | /** 206 | * Address margins set differently in IE 6/7. 207 | */ 208 | 209 | p, 210 | pre { 211 | margin: 1em 0; 212 | } 213 | 214 | /** 215 | * Correct font family set oddly in IE 6, Safari 4/5, and Chrome. 216 | */ 217 | 218 | code, 219 | kbd, 220 | pre, 221 | samp { 222 | font-family: monospace, serif; 223 | _font-family: 'courier new', monospace; 224 | font-size: 1em; 225 | } 226 | 227 | /** 228 | * Improve readability of pre-formatted text in all browsers. 229 | */ 230 | 231 | pre { 232 | white-space: pre; 233 | white-space: pre-wrap; 234 | word-wrap: break-word; 235 | } 236 | 237 | /** 238 | * Address CSS quotes not supported in IE 6/7. 239 | */ 240 | 241 | q { 242 | quotes: none; 243 | } 244 | 245 | /** 246 | * Address `quotes` property not supported in Safari 4. 247 | */ 248 | 249 | q:before, 250 | q:after { 251 | content: ''; 252 | content: none; 253 | } 254 | 255 | /** 256 | * Address inconsistent and variable font size in all browsers. 257 | */ 258 | 259 | small { 260 | font-size: 80%; 261 | } 262 | 263 | /** 264 | * Prevent `sub` and `sup` affecting `line-height` in all browsers. 265 | */ 266 | 267 | sub, 268 | sup { 269 | font-size: 75%; 270 | line-height: 0; 271 | position: relative; 272 | vertical-align: baseline; 273 | } 274 | 275 | sup { 276 | top: -0.5em; 277 | } 278 | 279 | sub { 280 | bottom: -0.25em; 281 | } 282 | 283 | /* ========================================================================== 284 | Lists 285 | ========================================================================== */ 286 | 287 | /** 288 | * Address margins set differently in IE 6/7. 289 | */ 290 | 291 | dl, 292 | menu, 293 | ol, 294 | ul { 295 | margin: 1em 0; 296 | } 297 | 298 | dd { 299 | margin: 0 0 0 40px; 300 | } 301 | 302 | /** 303 | * Address paddings set differently in IE 6/7. 304 | */ 305 | 306 | menu, 307 | ol, 308 | ul { 309 | padding: 0 0 0 40px; 310 | } 311 | 312 | /** 313 | * Correct list images handled incorrectly in IE 7. 314 | */ 315 | 316 | nav ul, 317 | nav ol { 318 | list-style: none; 319 | list-style-image: none; 320 | } 321 | 322 | /* ========================================================================== 323 | Embedded content 324 | ========================================================================== */ 325 | 326 | /** 327 | * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3. 328 | * 2. Improve image quality when scaled in IE 7. 329 | */ 330 | 331 | img { 332 | border: 0; /* 1 */ 333 | -ms-interpolation-mode: bicubic; /* 2 */ 334 | } 335 | 336 | /** 337 | * Correct overflow displayed oddly in IE 9. 338 | */ 339 | 340 | svg:not(:root) { 341 | overflow: hidden; 342 | } 343 | 344 | /* ========================================================================== 345 | Figures 346 | ========================================================================== */ 347 | 348 | /** 349 | * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11. 350 | */ 351 | 352 | figure { 353 | margin: 0; 354 | } 355 | 356 | /* ========================================================================== 357 | Forms 358 | ========================================================================== */ 359 | 360 | /** 361 | * Correct margin displayed oddly in IE 6/7. 362 | */ 363 | 364 | form { 365 | margin: 0; 366 | } 367 | 368 | /** 369 | * Define consistent border, margin, and padding. 370 | */ 371 | 372 | fieldset { 373 | border: 1px solid #c0c0c0; 374 | margin: 0 2px; 375 | padding: 0.35em 0.625em 0.75em; 376 | } 377 | 378 | /** 379 | * 1. Correct color not being inherited in IE 6/7/8/9. 380 | * 2. Correct text not wrapping in Firefox 3. 381 | * 3. Correct alignment displayed oddly in IE 6/7. 382 | */ 383 | 384 | legend { 385 | border: 0; /* 1 */ 386 | padding: 0; 387 | white-space: normal; /* 2 */ 388 | *margin-left: -7px; /* 3 */ 389 | } 390 | 391 | /** 392 | * 1. Correct font size not being inherited in all browsers. 393 | * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5, 394 | * and Chrome. 395 | * 3. Improve appearance and consistency in all browsers. 396 | */ 397 | 398 | button, 399 | input, 400 | select, 401 | textarea { 402 | font-size: 100%; /* 1 */ 403 | margin: 0; /* 2 */ 404 | vertical-align: baseline; /* 3 */ 405 | *vertical-align: middle; /* 3 */ 406 | } 407 | 408 | /** 409 | * Address Firefox 3+ setting `line-height` on `input` using `!important` in 410 | * the UA stylesheet. 411 | */ 412 | 413 | button, 414 | input { 415 | line-height: normal; 416 | } 417 | 418 | /** 419 | * Address inconsistent `text-transform` inheritance for `button` and `select`. 420 | * All other form control elements do not inherit `text-transform` values. 421 | * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+. 422 | * Correct `select` style inheritance in Firefox 4+ and Opera. 423 | */ 424 | 425 | button, 426 | select { 427 | text-transform: none; 428 | } 429 | 430 | /** 431 | * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` 432 | * and `video` controls. 433 | * 2. Correct inability to style clickable `input` types in iOS. 434 | * 3. Improve usability and consistency of cursor style between image-type 435 | * `input` and others. 436 | * 4. Remove inner spacing in IE 7 without affecting normal text inputs. 437 | * Known issue: inner spacing remains in IE 6. 438 | */ 439 | 440 | button, 441 | html input[type="button"], /* 1 */ 442 | input[type="reset"], 443 | input[type="submit"] { 444 | -webkit-appearance: button; /* 2 */ 445 | cursor: pointer; /* 3 */ 446 | *overflow: visible; /* 4 */ 447 | } 448 | 449 | /** 450 | * Re-set default cursor for disabled elements. 451 | */ 452 | 453 | button[disabled], 454 | html input[disabled] { 455 | cursor: default; 456 | } 457 | 458 | /** 459 | * 1. Address box sizing set to content-box in IE 8/9. 460 | * 2. Remove excess padding in IE 8/9. 461 | * 3. Remove excess padding in IE 7. 462 | * Known issue: excess padding remains in IE 6. 463 | */ 464 | 465 | input[type="checkbox"], 466 | input[type="radio"] { 467 | box-sizing: border-box; /* 1 */ 468 | padding: 0; /* 2 */ 469 | *height: 13px; /* 3 */ 470 | *width: 13px; /* 3 */ 471 | } 472 | 473 | /** 474 | * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 475 | * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome 476 | * (include `-moz` to future-proof). 477 | */ 478 | 479 | input[type="search"] { 480 | -webkit-appearance: textfield; /* 1 */ 481 | -moz-box-sizing: content-box; 482 | -webkit-box-sizing: content-box; /* 2 */ 483 | box-sizing: content-box; 484 | } 485 | 486 | /** 487 | * Remove inner padding and search cancel button in Safari 5 and Chrome 488 | * on OS X. 489 | */ 490 | 491 | input[type="search"]::-webkit-search-cancel-button, 492 | input[type="search"]::-webkit-search-decoration { 493 | -webkit-appearance: none; 494 | } 495 | 496 | /** 497 | * Remove inner padding and border in Firefox 3+. 498 | */ 499 | 500 | button::-moz-focus-inner, 501 | input::-moz-focus-inner { 502 | border: 0; 503 | padding: 0; 504 | } 505 | 506 | /** 507 | * 1. Remove default vertical scrollbar in IE 6/7/8/9. 508 | * 2. Improve readability and alignment in all browsers. 509 | */ 510 | 511 | textarea { 512 | overflow: auto; /* 1 */ 513 | vertical-align: top; /* 2 */ 514 | } 515 | 516 | /* ========================================================================== 517 | Tables 518 | ========================================================================== */ 519 | 520 | /** 521 | * Remove most spacing between table cells. 522 | */ 523 | 524 | table { 525 | border-collapse: collapse; 526 | border-spacing: 0; 527 | } 528 | -------------------------------------------------------------------------------- /js/vendor/modernizr-2.6.2-respond-1.1.0.min.js: -------------------------------------------------------------------------------- 1 | /* Modernizr 2.6.2 (Custom Build) | MIT & BSD 2 | * Build: http://modernizr.com/download/#-fontface-backgroundsize-borderimage-borderradius-boxshadow-flexbox-hsla-multiplebgs-opacity-rgba-textshadow-cssanimations-csscolumns-generatedcontent-cssgradients-cssreflections-csstransforms-csstransforms3d-csstransitions-applicationcache-canvas-canvastext-draganddrop-hashchange-history-audio-video-indexeddb-input-inputtypes-localstorage-postmessage-sessionstorage-websockets-websqldatabase-webworkers-geolocation-inlinesvg-smil-svg-svgclippaths-touch-webgl-shiv-mq-cssclasses-addtest-prefixed-teststyles-testprop-testallprops-hasevent-prefixes-domprefixes-load 3 | */ 4 | ;window.Modernizr=function(a,b,c){function D(a){j.cssText=a}function E(a,b){return D(n.join(a+";")+(b||""))}function F(a,b){return typeof a===b}function G(a,b){return!!~(""+a).indexOf(b)}function H(a,b){for(var d in a){var e=a[d];if(!G(e,"-")&&j[e]!==c)return b=="pfx"?e:!0}return!1}function I(a,b,d){for(var e in a){var f=b[a[e]];if(f!==c)return d===!1?a[e]:F(f,"function")?f.bind(d||b):f}return!1}function J(a,b,c){var d=a.charAt(0).toUpperCase()+a.slice(1),e=(a+" "+p.join(d+" ")+d).split(" ");return F(b,"string")||F(b,"undefined")?H(e,b):(e=(a+" "+q.join(d+" ")+d).split(" "),I(e,b,c))}function K(){e.input=function(c){for(var d=0,e=c.length;d',a,""].join(""),l.id=h,(m?l:n).innerHTML+=f,n.appendChild(l),m||(n.style.background="",n.style.overflow="hidden",k=g.style.overflow,g.style.overflow="hidden",g.appendChild(n)),i=c(l,a),m?l.parentNode.removeChild(l):(n.parentNode.removeChild(n),g.style.overflow=k),!!i},z=function(b){var c=a.matchMedia||a.msMatchMedia;if(c)return c(b).matches;var d;return y("@media "+b+" { #"+h+" { position: absolute; } }",function(b){d=(a.getComputedStyle?getComputedStyle(b,null):b.currentStyle)["position"]=="absolute"}),d},A=function(){function d(d,e){e=e||b.createElement(a[d]||"div"),d="on"+d;var f=d in e;return f||(e.setAttribute||(e=b.createElement("div")),e.setAttribute&&e.removeAttribute&&(e.setAttribute(d,""),f=F(e[d],"function"),F(e[d],"undefined")||(e[d]=c),e.removeAttribute(d))),e=null,f}var a={select:"input",change:"input",submit:"form",reset:"form",error:"img",load:"img",abort:"img"};return d}(),B={}.hasOwnProperty,C;!F(B,"undefined")&&!F(B.call,"undefined")?C=function(a,b){return B.call(a,b)}:C=function(a,b){return b in a&&F(a.constructor.prototype[b],"undefined")},Function.prototype.bind||(Function.prototype.bind=function(b){var c=this;if(typeof c!="function")throw new TypeError;var d=w.call(arguments,1),e=function(){if(this instanceof e){var a=function(){};a.prototype=c.prototype;var f=new a,g=c.apply(f,d.concat(w.call(arguments)));return Object(g)===g?g:f}return c.apply(b,d.concat(w.call(arguments)))};return e}),s.flexbox=function(){return J("flexWrap")},s.canvas=function(){var a=b.createElement("canvas");return!!a.getContext&&!!a.getContext("2d")},s.canvastext=function(){return!!e.canvas&&!!F(b.createElement("canvas").getContext("2d").fillText,"function")},s.webgl=function(){return!!a.WebGLRenderingContext},s.touch=function(){var c;return"ontouchstart"in a||a.DocumentTouch&&b instanceof DocumentTouch?c=!0:y(["@media (",n.join("touch-enabled),("),h,")","{#modernizr{top:9px;position:absolute}}"].join(""),function(a){c=a.offsetTop===9}),c},s.geolocation=function(){return"geolocation"in navigator},s.postmessage=function(){return!!a.postMessage},s.websqldatabase=function(){return!!a.openDatabase},s.indexedDB=function(){return!!J("indexedDB",a)},s.hashchange=function(){return A("hashchange",a)&&(b.documentMode===c||b.documentMode>7)},s.history=function(){return!!a.history&&!!history.pushState},s.draganddrop=function(){var a=b.createElement("div");return"draggable"in a||"ondragstart"in a&&"ondrop"in a},s.websockets=function(){return"WebSocket"in a||"MozWebSocket"in a},s.rgba=function(){return D("background-color:rgba(150,255,150,.5)"),G(j.backgroundColor,"rgba")},s.hsla=function(){return D("background-color:hsla(120,40%,100%,.5)"),G(j.backgroundColor,"rgba")||G(j.backgroundColor,"hsla")},s.multiplebgs=function(){return D("background:url(https://),url(https://),red url(https://)"),/(url\s*\(.*?){3}/.test(j.background)},s.backgroundsize=function(){return J("backgroundSize")},s.borderimage=function(){return J("borderImage")},s.borderradius=function(){return J("borderRadius")},s.boxshadow=function(){return J("boxShadow")},s.textshadow=function(){return b.createElement("div").style.textShadow===""},s.opacity=function(){return E("opacity:.55"),/^0.55$/.test(j.opacity)},s.cssanimations=function(){return J("animationName")},s.csscolumns=function(){return J("columnCount")},s.cssgradients=function(){var a="background-image:",b="gradient(linear,left top,right bottom,from(#9f9),to(white));",c="linear-gradient(left top,#9f9, white);";return D((a+"-webkit- ".split(" ").join(b+a)+n.join(c+a)).slice(0,-a.length)),G(j.backgroundImage,"gradient")},s.cssreflections=function(){return J("boxReflect")},s.csstransforms=function(){return!!J("transform")},s.csstransforms3d=function(){var a=!!J("perspective");return a&&"webkitPerspective"in g.style&&y("@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}",function(b,c){a=b.offsetLeft===9&&b.offsetHeight===3}),a},s.csstransitions=function(){return J("transition")},s.fontface=function(){var a;return y('@font-face {font-family:"font";src:url("https://")}',function(c,d){var e=b.getElementById("smodernizr"),f=e.sheet||e.styleSheet,g=f?f.cssRules&&f.cssRules[0]?f.cssRules[0].cssText:f.cssText||"":"";a=/src/i.test(g)&&g.indexOf(d.split(" ")[0])===0}),a},s.generatedcontent=function(){var a;return y(["#",h,"{font:0/0 a}#",h,':after{content:"',l,'";visibility:hidden;font:3px/1 a}'].join(""),function(b){a=b.offsetHeight>=3}),a},s.video=function(){var a=b.createElement("video"),c=!1;try{if(c=!!a.canPlayType)c=new Boolean(c),c.ogg=a.canPlayType('video/ogg; codecs="theora"').replace(/^no$/,""),c.h264=a.canPlayType('video/mp4; codecs="avc1.42E01E"').replace(/^no$/,""),c.webm=a.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/^no$/,"")}catch(d){}return c},s.audio=function(){var a=b.createElement("audio"),c=!1;try{if(c=!!a.canPlayType)c=new Boolean(c),c.ogg=a.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,""),c.mp3=a.canPlayType("audio/mpeg;").replace(/^no$/,""),c.wav=a.canPlayType('audio/wav; codecs="1"').replace(/^no$/,""),c.m4a=(a.canPlayType("audio/x-m4a;")||a.canPlayType("audio/aac;")).replace(/^no$/,"")}catch(d){}return c},s.localstorage=function(){try{return localStorage.setItem(h,h),localStorage.removeItem(h),!0}catch(a){return!1}},s.sessionstorage=function(){try{return sessionStorage.setItem(h,h),sessionStorage.removeItem(h),!0}catch(a){return!1}},s.webworkers=function(){return!!a.Worker},s.applicationcache=function(){return!!a.applicationCache},s.svg=function(){return!!b.createElementNS&&!!b.createElementNS(r.svg,"svg").createSVGRect},s.inlinesvg=function(){var a=b.createElement("div");return a.innerHTML="",(a.firstChild&&a.firstChild.namespaceURI)==r.svg},s.smil=function(){return!!b.createElementNS&&/SVGAnimate/.test(m.call(b.createElementNS(r.svg,"animate")))},s.svgclippaths=function(){return!!b.createElementNS&&/SVGClipPath/.test(m.call(b.createElementNS(r.svg,"clipPath")))};for(var L in s)C(s,L)&&(x=L.toLowerCase(),e[x]=s[L](),v.push((e[x]?"":"no-")+x));return e.input||K(),e.addTest=function(a,b){if(typeof a=="object")for(var d in a)C(a,d)&&e.addTest(d,a[d]);else{a=a.toLowerCase();if(e[a]!==c)return e;b=typeof b=="function"?b():b,typeof f!="undefined"&&f&&(g.className+=" "+(b?"":"no-")+a),e[a]=b}return e},D(""),i=k=null,function(a,b){function k(a,b){var c=a.createElement("p"),d=a.getElementsByTagName("head")[0]||a.documentElement;return c.innerHTML="x",d.insertBefore(c.lastChild,d.firstChild)}function l(){var a=r.elements;return typeof a=="string"?a.split(" "):a}function m(a){var b=i[a[g]];return b||(b={},h++,a[g]=h,i[h]=b),b}function n(a,c,f){c||(c=b);if(j)return c.createElement(a);f||(f=m(c));var g;return f.cache[a]?g=f.cache[a].cloneNode():e.test(a)?g=(f.cache[a]=f.createElem(a)).cloneNode():g=f.createElem(a),g.canHaveChildren&&!d.test(a)?f.frag.appendChild(g):g}function o(a,c){a||(a=b);if(j)return a.createDocumentFragment();c=c||m(a);var d=c.frag.cloneNode(),e=0,f=l(),g=f.length;for(;e",f="hidden"in a,j=a.childNodes.length==1||function(){b.createElement("a");var a=b.createDocumentFragment();return typeof a.cloneNode=="undefined"||typeof a.createDocumentFragment=="undefined"||typeof a.createElement=="undefined"}()}catch(c){f=!0,j=!0}})();var r={elements:c.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup mark meter nav output progress section summary time video",shivCSS:c.shivCSS!==!1,supportsUnknownElements:j,shivMethods:c.shivMethods!==!1,type:"default",shivDocument:q,createElement:n,createDocumentFragment:o};a.html5=r,q(b)}(this,b),e._version=d,e._prefixes=n,e._domPrefixes=q,e._cssomPrefixes=p,e.mq=z,e.hasEvent=A,e.testProp=function(a){return H([a])},e.testAllProps=J,e.testStyles=y,e.prefixed=function(a,b,c){return b?J(a,b,c):J(a,"pfx")},g.className=g.className.replace(/(^|\s)no-js(\s|$)/,"$1$2")+(f?" js "+v.join(" "):""),e}(this,this.document),function(a,b,c){function d(a){return"[object Function]"==o.call(a)}function e(a){return"string"==typeof a}function f(){}function g(a){return!a||"loaded"==a||"complete"==a||"uninitialized"==a}function h(){var a=p.shift();q=1,a?a.t?m(function(){("c"==a.t?B.injectCss:B.injectJs)(a.s,0,a.a,a.x,a.e,1)},0):(a(),h()):q=0}function i(a,c,d,e,f,i,j){function k(b){if(!o&&g(l.readyState)&&(u.r=o=1,!q&&h(),l.onload=l.onreadystatechange=null,b)){"img"!=a&&m(function(){t.removeChild(l)},50);for(var d in y[c])y[c].hasOwnProperty(d)&&y[c][d].onload()}}var j=j||B.errorTimeout,l=b.createElement(a),o=0,r=0,u={t:d,s:c,e:f,a:i,x:j};1===y[c]&&(r=1,y[c]=[]),"object"==a?l.data=c:(l.src=c,l.type=a),l.width=l.height="0",l.onerror=l.onload=l.onreadystatechange=function(){k.call(this,r)},p.splice(e,0,u),"img"!=a&&(r||2===y[c]?(t.insertBefore(l,s?null:n),m(k,j)):y[c].push(l))}function j(a,b,c,d,f){return q=0,b=b||"j",e(a)?i("c"==b?v:u,a,b,this.i++,c,d,f):(p.splice(this.i++,0,a),1==p.length&&h()),this}function k(){var a=B;return a.loader={load:j,i:0},a}var l=b.documentElement,m=a.setTimeout,n=b.getElementsByTagName("script")[0],o={}.toString,p=[],q=0,r="MozAppearance"in l.style,s=r&&!!b.createRange().compareNode,t=s?l:n.parentNode,l=a.opera&&"[object Opera]"==o.call(a.opera),l=!!b.attachEvent&&!l,u=r?"object":l?"script":"img",v=l?"script":u,w=Array.isArray||function(a){return"[object Array]"==o.call(a)},x=[],y={},z={timeout:function(a,b){return b.length&&(a.timeout=b[0]),a}},A,B;B=function(a){function b(a){var a=a.split("!"),b=x.length,c=a.pop(),d=a.length,c={url:c,origUrl:c,prefixes:a},e,f,g;for(f=0;f #mq-test-1 { width: 42px; }';a.insertBefore(d,b);c=g.offsetWidth==42;a.removeChild(d);return{matches:c,media:h}}})(document); 9 | 10 | /*! Respond.js v1.1.0: min/max-width media query polyfill. (c) Scott Jehl. MIT/GPLv2 Lic. j.mp/respondjs */ 11 | (function(e){e.respond={};respond.update=function(){};respond.mediaQueriesSupported=e.matchMedia&&e.matchMedia("only all").matches;if(respond.mediaQueriesSupported){return}var w=e.document,s=w.documentElement,i=[],k=[],q=[],o={},h=30,f=w.getElementsByTagName("head")[0]||s,g=w.getElementsByTagName("base")[0],b=f.getElementsByTagName("link"),d=[],a=function(){var D=b,y=D.length,B=0,A,z,C,x;for(;B-1,minw:F.match(/\(min\-width:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:F.match(/\(max\-width:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}}j()},l,r,v=function(){var z,A=w.createElement("div"),x=w.body,y=false;A.style.cssText="position:absolute;font-size:1em;width:1em";if(!x){x=y=w.createElement("body");x.style.background="none"}x.appendChild(A);s.insertBefore(x,s.firstChild);z=A.offsetWidth;if(y){s.removeChild(x)}else{x.removeChild(A)}z=p=parseFloat(z);return z},p,j=function(I){var x="clientWidth",B=s[x],H=w.compatMode==="CSS1Compat"&&B||w.body[x]||B,D={},G=b[b.length-1],z=(new Date()).getTime();if(I&&l&&z-l-1?(p||v()):1)}if(!!J){J=parseFloat(J)*(J.indexOf(y)>-1?(p||v()):1)}if(!K.hasquery||(!A||!L)&&(A||H>=C)&&(L||H<=J)){if(!D[K.media]){D[K.media]=[]}D[K.media].push(k[K.rules])}}for(var E in q){if(q[E]&&q[E].parentNode===f){f.removeChild(q[E])}}for(var E in D){var M=w.createElement("style"),F=D[E].join("\n");M.type="text/css";M.media=E;f.insertBefore(M,G.nextSibling);if(M.styleSheet){M.styleSheet.cssText=F}else{M.appendChild(w.createTextNode(F))}q.push(M)}},n=function(x,z){var y=c();if(!y){return}y.open("GET",x,true);y.onreadystatechange=function(){if(y.readyState!=4||y.status!=200&&y.status!=304){return}z(y.responseText)};if(y.readyState==4){return}y.send(null)},c=(function(){var x=false;try{x=new XMLHttpRequest()}catch(y){x=new ActiveXObject("Microsoft.XMLHTTP")}return function(){return x}})();a();respond.update=a;function t(){j(true)}if(e.addEventListener){e.addEventListener("resize",t,false)}else{if(e.attachEvent){e.attachEvent("onresize",t)}}})(this); -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | About Feminism 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 21 | 22 |
23 |
24 | 25 |
26 |

About Feminism.

27 |

The last few weeks have been very difficult for women in tech:

28 | 34 |

A bunch of us - Sara, Ellen, Sabrina, Kat, Joanne, Angelina, Jessica, Jennifer, Divya - have been thinking about what this means for us.

35 | 36 |

This is not what we expected, we really just want to work on what we love.

37 |

We happen to be humans who loved technology and embrace it wholeheartedly. But it was always clear things would be different if we were male.

38 |

Some of us identified as feminists before we came to this industry. Some of us only began to understand the relevance of feminism as we sought to understand what’s been happening to us. Some of us felt that we didn't need the programs and events geared specifically towards women— until the bad stuff started happening to us. We thought they did more harm than help by calling attention to our gender, and we wondered what others were complaining about. It was hard to see until we suffered also.

39 |

Others, still, speak very much of feminist ideals and action but are afraid to identify with the word ‘feminist’ because they fear alienation from their peers, both in work and also in their social lives.

40 |

Feminism is not a dirty word. Feminism is the radical notion that women are people, and that we want to be treated as equals. Don’t let someone else pretend otherwise out of their own misguided notions. 41 |

42 |

The last thing we want is for people reading this to be put on the defensive. What we want most is for people to read and understand what death by a thousand cuts feels like, and then understand why we feel sad and angry at the tech industry. We also want you to understand that more still needs to be done.

43 | 44 | 45 |

Our experiences? They’re just like the stories you hear about.

46 |

But maybe you thought because we weren’t as loud, that this stuff doesn’t happen to us.

47 |

We've been harassed on mailing lists and called ‘whore’/‘cunt’ without any action being taken against aggressors.

48 |

We get asked about our relationships at interviews, and we each have tales of being groped at public events. We’ve been put in the uncomfortable situation of having men attempt to turn business meetings into dates.

49 |

We've found casual assumptions that point at more significant issues. We've witnessed the few female co-workers and male allies we’ve had get fired or bullied into leaving — at companies that had so few of them to begin with.

50 |

We're constantly asked ‘if you write any code” when speaking about technical topics and giving technical presentations, despite just having given a talk on writing code. We've been harassed at these same conferences in person and online about our gender, looks, and technical expertise.

51 |

We get asked if we’re the event planner or executive assistant on a regular basis.

52 |

We regularly receive creepy, rapey e-mails where men describe what a perfect wife we would be and exactly how we should expect to be subjugated. Sometimes there are angry e-mails that threaten us to leave the industry, because ‘it doesn’t need anymore c**ts ruining it’.

53 |

We have watched companies say that diversity is of highest importance and have invited us to advise them. After we donate much of our time they change nothing, do nothing, and now wear speaking to us as a badge of honor. Stating, “We tried!”.

54 |

We've grown cynical of companies creating corporate programs and paying lip service to focusing on women’s issues in the tech industry without understanding the underlying reality. We've experienced a staggering earnings gap in our field, which, being freelance and project-based, makes it challenging to ascribe blame. We've been told repeatedly that accomplishments were due to our gender and our role as the "token woman".

55 | 56 | 57 |

Why we're writing this thing:

58 |

We love working in this industry.

59 |

We love collaborating with like-minded colleagues.

60 |

We can’t give up and leave.

61 |

We’d rather be writing blog posts about best practices for development, design, and tech management instead of the one we’re writing now.

62 |

We are tired of pretending this stuff doesn’t happen and continue to keep having these experiences again and again. We keep our heads down working at our jobs hoping that if we just work hard at what we do, maybe somehow the problem will go away.

63 | 64 | 65 |

Okay! I know it’s bad but I don’t do any bad things.

66 |

We are tired of our male peers pretending that because they do not participate in bad behavior, that it is not their problem to solve. If you see someone engage in bad behavior and you do nothing, you’ve chosen to let that person think that what they did is okay. This leaves us feeling like we’re fighting this alone. We can’t work on what we can’t see, but if you’re there when it happens, you can help. It is absolutely imperative that men work with other men to combat bad attitudes and behavior.

67 | 68 | 69 |

You might be surprised how few people want to help or engage on this still.

70 |

Imagine if you were the only person like you on your team and when you left your computer and came back there was very graphic porn on your screen (a specific example that we have experienced). Knowing that saying you were uncomfortable would alienate you from the rest of your team even more than you already were; knowing that you would no longer get the mentorship from the senior staff that was involved in these disgusting pranks, would you dare to talk about how it made you feel?

71 |

We feel powerless as we have no recourse when these things happen to us. Power dynamics in the workplace are a real thing, and we all know it.

72 |

This is what happens to people that are uncomfortable and speak up.

73 |

Our industry is filled with very smart people. We know that you know how to find the answers to questions you have and also how to challenge an opinion or action you disagree with. Take that same passion that you would apply to technical problems, and apply it to social ones.

74 | 75 | 76 |

We are not the 'nice feminists' of this community.

77 |

Being nice doesn’t work. We’ve been nice. Some of us that wrote these have even been paraded around by men in the industry for how nice we’ve been in trying to address the social problems in tech as a way to discredit more vocal, astutely firm feminist voices. We don’t like this, we’ve never liked it, and it needs to stop.

78 |

Being nice and talking politely about injustice does not compel the group in power to do anything that unseats their power.

79 |

We will call out injustice when we see it. We will speak up when we get private abusive emails from prominent males in tech (who sound sincere online to help the cause of women in tech), indulging in ‘harmless’ sexist jokes. We will speak up when people on forums or GitHub make remarks that prevent us from forwarding the conversation just because we happen to identify as women.

80 | 81 |

While not all of us might use the type of language and rhetoric that is often maligned as ‘too angry’ in our community, we are just as angry. There are people in our community who are speaking hard truths, and we need to listen - that means you too. There is work to be done.

82 | 83 | 84 |

Does this mean we’re going to get angry at you if you try to help and get it wrong?

85 |

This is a fear that has come to light through side channels. Men know there is a problem, and they’re worried the women they know are on the defensive - especially when reading a direct call to action like this one.

86 |

They want to help but they’re worried if they don’t get everything just right, someone will chastise them into oblivion.

87 |

The people signing this document are patient when they see someone trying to make a difference. We might offer feedback but we’re not going to make someone feel bad because they didn’t get it right. If you’re listening to and doing what women suggest to help solve the problems, it’s pretty hard to get someone angry at you for ‘doing it wrong’. If you come up with your own interpretation of how to fix things and you’re not a woman in tech with these problems, you are way more likely to mess it up.

88 | 89 | 90 |

Promote the fuck out of diversity: and go beyond women, too.

91 |

Encouraging greater diversity in the workspace is not lip-service to morality. It leads to a better work environment. With time, the benefits of building a diverse team will become increasingly obvious. We want to give voice to the people and organizations that are making change today instead of waiting for it to happen tomorrow.

92 |

Kat has started organizing casual lightning talks featuring female speakers. The talks have now taken place in both San Francisco and New York.

93 |

Julie Ann Horvath started Passions Projects, a series of longer talks showcasing one female technologist at a time.

94 |

Allison House, Laura Brunow Miner, Alice Lee, Carrie Paton, and The Designer Fund organize “Origins” — a series of events celebrating women in design.

95 |

Jen Myers hosts virtual office hours to mentor women in public speaking.

96 |

Square recently organized College Code Camp, a four-day immersion program for women pursuing a technical degree at a U.S. or Canadian university. If you know a currently enrolled student, encourage her to apply.

97 |

Allison House and Brian Bailey both wrote about and recognized talented minority designers that are typically overlooked.

98 |

Model View Culture is a women owned and operated publication that elevates the voices of underrepresented groups in technology.

99 |

TheLi.st and Change the Ratio aim to increase visibility and access for women and underrepresented groups in technology.

100 |

Hackbright, Girls Who Code, Girl Develop It , and Black Girls Code are all organizations dedicated to educating and preparing young girls, women, and minority women for jobs in the tech industry. Coder Dojo is a free and accessible coding club for kids that runs 412 programs on an annual budget of $2,000.

101 |

Donate your time and volunteer at one of these organizations. If you don’t have time then donate your money, and if you don’t have money then donate your influence by promoting these institutions and their students.

102 |

We want you to know it is cool to strive to work towards diversity in general. We want you to know there are amazing folks taking brave actions that are leading to striking results. If you have experienced differences because of efforts to get diverse folks be part of your team, reach out to us— We would love to hear more and get others to hear about your experience.

103 | 104 |

While this letter speaks specifically about our experiences as women in tech, to build true diversity in tech we must address more than one aspect of gender, more than any one aspect of our identities. Our efforts must address, and be inclusive of, race, class, sexuality, gender identity and expression, and their intersections. We need to be here for everybody.

105 | 106 | 107 |

To others in our industry:

108 |

We encourage you to talk to us. All of us are here to support you if you feel held back because of who you identify yourself as, rather than what you do. While we encourage you to speak out, if you want someone to talk to about the how and what and whys of doing so, we will help you. If you don’t want to speak out but you need to relate and have some support in your network, nobody will judge you poorly for that and we are here for that too.

109 |

If you feel like you are an exception and you don’t understand these issues, this does not mean there are no problems. Nobody should have to ‘tough it out’, either. If you feel unaffected then use your position and energy to help others that are affected.

110 | 111 |

Sharing these stories helped us see we were not alone and our experiences were valid. It is perfectly reasonable to ask for safe, respectful working environments. We have a network in each other.

112 |

We are your community leaders, your open source contributors, your keynote speakers, and many call us role models.

113 |

We choose to speak now.

114 | 115 | 130 |
131 | 132 |
133 |
134 | 135 | 136 | --------------------------------------------------------------------------------