Browse Source

Initial commit

pull/1/head
Joshua Moon 7 months ago
commit
4cfd2bc161
28 changed files with 2379 additions and 0 deletions
  1. 13
    0
      .editorconfig
  2. 194
    0
      .gitattributes
  3. 3
    0
      .gitignore
  4. 1177
    0
      .htaccess
  5. 60
    0
      404.html
  6. 19
    0
      LICENSE.txt
  7. 12
    0
      browserconfig.xml
  8. 1
    0
      css/lightbox.min.css
  9. 333
    0
      css/main.css
  10. 341
    0
      css/normalize.css
  11. BIN
      favicon.ico
  12. 15
    0
      humans.txt
  13. BIN
      icon.png
  14. 0
    0
      img/.gitignore
  15. BIN
      img/cc0.png
  16. 131
    0
      index.php
  17. 0
    0
      js/main.js
  18. 24
    0
      js/plugins.js
  19. 2
    0
      js/vendor/jquery-3.3.1.min.js
  20. 38
    0
      js/vendor/lightbox.min.js
  21. 3
    0
      js/vendor/modernizr-3.6.0.min.js
  22. 5
    0
      robots.txt
  23. 8
    0
      site.webmanifest
  24. BIN
      tile-wide.png
  25. BIN
      tile.png
  26. BIN
      video/fcqipv.jpg
  27. BIN
      video/fcqipv.mp4
  28. BIN
      video/fcqipv.webm

+ 13
- 0
.editorconfig View File

@@ -0,0 +1,13 @@
1
+# editorconfig.org
2
+
3
+root = true
4
+
5
+[*]
6
+charset = utf-8
7
+indent_size = 2
8
+indent_style = space
9
+insert_final_newline = true
10
+trim_trailing_whitespace = true
11
+
12
+[*.md]
13
+trim_trailing_whitespace = false

+ 194
- 0
.gitattributes View File

@@ -0,0 +1,194 @@
1
+## GITATTRIBUTES FOR WEB PROJECTS
2
+#
3
+# These settings are for any web project.
4
+#
5
+# Details per file setting:
6
+#   text    These files should be normalized (i.e. convert CRLF to LF).
7
+#   binary  These files are binary and should be left untouched.
8
+#
9
+# Note that binary is a macro for -text -diff.
10
+######################################################################
11
+
12
+## AUTO-DETECT
13
+##   Handle line endings automatically for files detected as
14
+##   text and leave all files detected as binary untouched.
15
+##   This will handle all files NOT defined below.
16
+* text=auto
17
+
18
+## SOURCE CODE
19
+*.bat      text eol=crlf
20
+*.coffee   text
21
+*.css      text
22
+*.htm      text
23
+*.html     text
24
+*.inc      text
25
+*.ini      text
26
+*.js       text
27
+*.json     text
28
+*.jsx      text
29
+*.less     text
30
+*.od       text
31
+*.onlydata text
32
+*.php      text
33
+*.pl       text
34
+*.py       text
35
+*.rb       text
36
+*.sass     text
37
+*.scm      text
38
+*.scss     text
39
+*.sh       text eol=lf
40
+*.sql      text
41
+*.styl     text
42
+*.tag      text
43
+*.ts       text
44
+*.tsx      text
45
+*.xml      text
46
+*.xhtml    text
47
+
48
+## DOCKER
49
+*.dockerignore text
50
+Dockerfile     text
51
+
52
+## DOCUMENTATION
53
+*.markdown   text
54
+*.md         text
55
+*.mdwn       text
56
+*.mdown      text
57
+*.mkd        text
58
+*.mkdn       text
59
+*.mdtxt      text
60
+*.mdtext     text
61
+*.txt        text
62
+AUTHORS      text
63
+CHANGELOG    text
64
+CHANGES      text
65
+CONTRIBUTING text
66
+COPYING      text
67
+copyright    text
68
+*COPYRIGHT*  text
69
+INSTALL      text
70
+license      text
71
+LICENSE      text
72
+NEWS         text
73
+readme       text
74
+*README*     text
75
+TODO         text
76
+
77
+## TEMPLATES
78
+*.dot        text
79
+*.ejs        text
80
+*.haml       text
81
+*.handlebars text
82
+*.hbs        text
83
+*.hbt        text
84
+*.jade       text
85
+*.latte      text
86
+*.mustache   text
87
+*.njk        text
88
+*.phtml      text
89
+*.tmpl       text
90
+*.tpl        text
91
+*.twig       text
92
+
93
+## LINTERS
94
+.babelrc      text
95
+.csslintrc    text
96
+.eslintrc     text
97
+.htmlhintrc   text
98
+.jscsrc       text
99
+.jshintrc     text
100
+.jshintignore text
101
+.prettierrc   text
102
+.stylelintrc  text
103
+
104
+## CONFIGS
105
+*.bowerrc       text
106
+*.cnf           text
107
+*.conf          text
108
+*.config        text
109
+.browserslistrc text
110
+.editorconfig   text
111
+.gitattributes  text
112
+.gitconfig      text
113
+.gitignore      text
114
+.htaccess       text
115
+*.npmignore     text
116
+*.yaml          text
117
+*.yml           text
118
+browserslist    text
119
+Makefile        text
120
+makefile        text
121
+
122
+## HEROKU
123
+Procfile    text
124
+.slugignore text
125
+
126
+## GRAPHICS
127
+*.ai   binary
128
+*.bmp  binary
129
+*.eps  binary
130
+*.gif  binary
131
+*.ico  binary
132
+*.jng  binary
133
+*.jp2  binary
134
+*.jpg  binary
135
+*.jpeg binary
136
+*.jpx  binary
137
+*.jxr  binary
138
+*.pdf  binary
139
+*.png  binary
140
+*.psb  binary
141
+*.psd  binary
142
+*.svg  text
143
+*.svgz binary
144
+*.tif  binary
145
+*.tiff binary
146
+*.wbmp binary
147
+*.webp binary
148
+
149
+## AUDIO
150
+*.kar  binary
151
+*.m4a  binary
152
+*.mid  binary
153
+*.midi binary
154
+*.mp3  binary
155
+*.ogg  binary
156
+*.ra   binary
157
+
158
+## VIDEO
159
+*.3gpp binary
160
+*.3gp  binary
161
+*.as   binary
162
+*.asf  binary
163
+*.asx  binary
164
+*.fla  binary
165
+*.flv  binary
166
+*.m4v  binary
167
+*.mng  binary
168
+*.mov  binary
169
+*.mp4  binary
170
+*.mpeg binary
171
+*.mpg  binary
172
+*.ogv  binary
173
+*.swc  binary
174
+*.swf  binary
175
+*.webm binary
176
+
177
+## ARCHIVES
178
+*.7z  binary
179
+*.gz  binary
180
+*.jar binary
181
+*.rar binary
182
+*.tar binary
183
+*.zip binary
184
+
185
+## FONTS
186
+*.ttf   binary
187
+*.eot   binary
188
+*.otf   binary
189
+*.woff  binary
190
+*.woff2 binary
191
+
192
+## EXECUTABLES
193
+*.exe binary
194
+*.pyc binary

+ 3
- 0
.gitignore View File

@@ -0,0 +1,3 @@
1
+# Include your project-specific ignores in this file
2
+# Read about how to use .gitignore: https://help.github.com/articles/ignoring-files
3
+# Useful .gitignore templates: https://github.com/github/gitignore

+ 1177
- 0
.htaccess
File diff suppressed because it is too large
View File


+ 60
- 0
404.html View File

@@ -0,0 +1,60 @@
1
+<!doctype html>
2
+<html lang="en">
3
+<head>
4
+    <meta charset="utf-8">
5
+    <title>Page Not Found</title>
6
+    <meta name="viewport" content="width=device-width, initial-scale=1">
7
+    <style>
8
+
9
+        * {
10
+            line-height: 1.2;
11
+            margin: 0;
12
+        }
13
+
14
+        html {
15
+            color: #888;
16
+            display: table;
17
+            font-family: sans-serif;
18
+            height: 100%;
19
+            text-align: center;
20
+            width: 100%;
21
+        }
22
+
23
+        body {
24
+            display: table-cell;
25
+            vertical-align: middle;
26
+            margin: 2em auto;
27
+        }
28
+
29
+        h1 {
30
+            color: #555;
31
+            font-size: 2em;
32
+            font-weight: 400;
33
+        }
34
+
35
+        p {
36
+            margin: 0 auto;
37
+            width: 280px;
38
+        }
39
+
40
+        @media only screen and (max-width: 280px) {
41
+
42
+            body, p {
43
+                width: 95%;
44
+            }
45
+
46
+            h1 {
47
+                font-size: 1.5em;
48
+                margin: 0 0 0.3em;
49
+            }
50
+
51
+        }
52
+
53
+    </style>
54
+</head>
55
+<body>
56
+    <h1>Page Not Found</h1>
57
+    <p>Sorry, but the page you were trying to view does not exist.</p>
58
+</body>
59
+</html>
60
+<!-- IE needs 512+ bytes: https://blogs.msdn.microsoft.com/ieinternals/2010/08/18/friendly-http-error-pages/ -->

+ 19
- 0
LICENSE.txt View File

@@ -0,0 +1,19 @@
1
+Copyright (c) HTML5 Boilerplate
2
+
3
+Permission is hereby granted, free of charge, to any person obtaining a copy of
4
+this software and associated documentation files (the "Software"), to deal in
5
+the Software without restriction, including without limitation the rights to
6
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies
7
+of the Software, and to permit persons to whom the Software is furnished to do
8
+so, subject to the following conditions:
9
+
10
+The above copyright notice and this permission notice shall be included in all
11
+copies or substantial portions of the Software.
12
+
13
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
14
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
15
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
16
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
17
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
18
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
19
+SOFTWARE.

+ 12
- 0
browserconfig.xml View File

@@ -0,0 +1,12 @@
1
+<?xml version="1.0" encoding="utf-8"?>
2
+<!-- Please read: https://msdn.microsoft.com/en-us/library/ie/dn455106.aspx -->
3
+<browserconfig>
4
+    <msapplication>
5
+        <tile>
6
+            <square70x70logo src="tile.png"/>
7
+            <square150x150logo src="tile.png"/>
8
+            <wide310x150logo src="tile-wide.png"/>
9
+            <square310x310logo src="tile.png"/>
10
+        </tile>
11
+    </msapplication>
12
+</browserconfig>

+ 1
- 0
css/lightbox.min.css View File

@@ -0,0 +1 @@
1
+.lb-loader,.lightbox{text-align:center;line-height:0}.lb-dataContainer:after,.lb-outerContainer:after{content:"";clear:both}html.lb-disable-scrolling{overflow:hidden;position:fixed;height:100vh;width:100vw}.lightboxOverlay{position:absolute;top:0;left:0;z-index:9999;background-color:#000;filter:alpha(Opacity=80);opacity:.8;display:none}.lightbox{position:absolute;left:0;width:100%;z-index:10000;font-weight:400}.lightbox .lb-image{display:block;height:auto;max-width:inherit;max-height:none;border-radius:3px;border:4px solid #fff}.lightbox a img{border:none}.lb-outerContainer{position:relative;width:250px;height:250px;margin:0 auto;border-radius:4px;background-color:#fff}.lb-loader,.lb-nav{position:absolute;left:0}.lb-outerContainer:after{display:table}.lb-loader{top:43%;height:25%;width:100%}.lb-cancel{display:block;width:32px;height:32px;margin:0 auto;background:url(../images/loading.gif) no-repeat}.lb-nav{top:0;height:100%;width:100%;z-index:10}.lb-container>.nav{left:0}.lb-nav a{outline:0;background-image:url(data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}.lb-next,.lb-prev{height:100%;cursor:pointer;display:block}.lb-nav a.lb-prev{width:34%;left:0;float:left;background:url(../images/prev.png) left 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-prev:hover{filter:alpha(Opacity=100);opacity:1}.lb-nav a.lb-next{width:64%;right:0;float:right;background:url(../images/next.png) right 48% no-repeat;filter:alpha(Opacity=0);opacity:0;-webkit-transition:opacity .6s;-moz-transition:opacity .6s;-o-transition:opacity .6s;transition:opacity .6s}.lb-nav a.lb-next:hover{filter:alpha(Opacity=100);opacity:1}.lb-dataContainer{margin:0 auto;padding-top:5px;width:100%;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.lb-dataContainer:after{display:table}.lb-data{padding:0 4px;color:#ccc}.lb-data .lb-details{width:85%;float:left;text-align:left;line-height:1.1em}.lb-data .lb-caption{font-size:13px;font-weight:700;line-height:1em}.lb-data .lb-caption a{color:#4ae}.lb-data .lb-number{display:block;clear:left;padding-bottom:1em;font-size:12px;color:#999}.lb-data .lb-close{display:block;float:right;width:30px;height:30px;background:url(../images/close.png) top right no-repeat;text-align:right;outline:0;filter:alpha(Opacity=70);opacity:.7;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}.lb-data .lb-close:hover{cursor:pointer;filter:alpha(Opacity=100);opacity:1}

+ 333
- 0
css/main.css View File

@@ -0,0 +1,333 @@
1
+/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */
2
+
3
+/*
4
+ * What follows is the result of much research on cross-browser styling.
5
+ * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
6
+ * Kroc Camen, and the H5BP dev community and team.
7
+ */
8
+
9
+/* ==========================================================================
10
+   Base styles: opinionated defaults
11
+   ========================================================================== */
12
+
13
+html {
14
+    color: #222;
15
+    font-size: 1em;
16
+    line-height: 1.4;
17
+}
18
+
19
+/*
20
+ * Remove text-shadow in selection highlight:
21
+ * https://twitter.com/miketaylr/status/12228805301
22
+ *
23
+ * Vendor-prefixed and regular ::selection selectors cannot be combined:
24
+ * https://stackoverflow.com/a/16982510/7133471
25
+ *
26
+ * Customize the background color to match your design.
27
+ */
28
+
29
+::-moz-selection {
30
+    background: #b3d4fc;
31
+    text-shadow: none;
32
+}
33
+
34
+::selection {
35
+    background: #b3d4fc;
36
+    text-shadow: none;
37
+}
38
+
39
+/*
40
+ * A better looking default horizontal rule
41
+ */
42
+
43
+hr {
44
+    display: block;
45
+    height: 1px;
46
+    border: 0;
47
+    border-top: 1px solid #ccc;
48
+    margin: 1em 0;
49
+    padding: 0;
50
+}
51
+
52
+/*
53
+ * Remove the gap between audio, canvas, iframes,
54
+ * images, videos and the bottom of their containers:
55
+ * https://github.com/h5bp/html5-boilerplate/issues/440
56
+ */
57
+
58
+audio,
59
+canvas,
60
+iframe,
61
+img,
62
+svg,
63
+video {
64
+    vertical-align: middle;
65
+}
66
+
67
+/*
68
+ * Remove default fieldset styles.
69
+ */
70
+
71
+fieldset {
72
+    border: 0;
73
+    margin: 0;
74
+    padding: 0;
75
+}
76
+
77
+/*
78
+ * Allow only vertical resizing of textareas.
79
+ */
80
+
81
+textarea {
82
+    resize: vertical;
83
+}
84
+
85
+/* ==========================================================================
86
+   Author's custom styles
87
+   ========================================================================== */
88
+
89
+html, body {
90
+    background: #ccc;
91
+    color: #111;
92
+
93
+    padding: 0;
94
+    margin: 0;
95
+    min-height: 100vh;
96
+    min-width: 100vw;
97
+
98
+    font-family: 'Open Sans', sans-serif;
99
+    font-size: 14pt;
100
+}
101
+
102
+footer, header, main {
103
+    box-sizing: border-box;
104
+    max-width: 1280px;
105
+    margin: 0 auto 0 0;
106
+    padding: 20px 40px;
107
+}
108
+    header, main {
109
+        background: #fff;
110
+    }
111
+    main {
112
+        border-bottom-right-radius: 2rem;
113
+    }
114
+    footer {
115
+        font-size: 0.8rem;
116
+    }
117
+
118
+h1, h2, h3, h4, h5, h6 {
119
+    font-family: 'Quattrocento', serif;
120
+    font-weight: bold;
121
+}
122
+
123
+
124
+figure, video, figcaption {
125
+    margin: 0;
126
+    padding: 0;
127
+    max-width: 100%;
128
+}
129
+    figure {
130
+        border: 1px solid #ccc;
131
+        border-radius: 1em;
132
+        overflow: hidden;
133
+    }
134
+    figcaption {
135
+        padding: 0 1rem;
136
+        font-size: 0.8rem;
137
+    }
138
+
139
+
140
+dl {
141
+    display: flex;
142
+    flex-direction: row;
143
+}
144
+dt {
145
+    display: inline-block;
146
+    flex: 0;
147
+    width: 1em;
148
+}
149
+dd {
150
+    display: inline-block;
151
+    flex: 1;
152
+    min-width: 12em;
153
+    margin: 0 0 0 1em;
154
+}
155
+
156
+.copyright, .maintainer {
157
+    font-size: 0.6rem;
158
+}
159
+
160
+
161
+
162
+/* ==========================================================================
163
+   Helper classes
164
+   ========================================================================== */
165
+
166
+/*
167
+ * Hide visually and from screen readers
168
+ */
169
+
170
+.hidden {
171
+    display: none !important;
172
+}
173
+
174
+/*
175
+ * Hide only visually, but have it available for screen readers:
176
+ * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
177
+ *
178
+ * 1. For long content, line feeds are not interpreted as spaces and small width
179
+ *    causes content to wrap 1 word per line:
180
+ *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
181
+ */
182
+
183
+.visuallyhidden {
184
+    border: 0;
185
+    clip: rect(0 0 0 0);
186
+    height: 1px;
187
+    margin: -1px;
188
+    overflow: hidden;
189
+    padding: 0;
190
+    position: absolute;
191
+    width: 1px;
192
+    white-space: nowrap; /* 1 */
193
+}
194
+
195
+/*
196
+ * Extends the .visuallyhidden class to allow the element
197
+ * to be focusable when navigated to via the keyboard:
198
+ * https://www.drupal.org/node/897638
199
+ */
200
+
201
+.visuallyhidden.focusable:active,
202
+.visuallyhidden.focusable:focus {
203
+    clip: auto;
204
+    height: auto;
205
+    margin: 0;
206
+    overflow: visible;
207
+    position: static;
208
+    width: auto;
209
+    white-space: inherit;
210
+}
211
+
212
+/*
213
+ * Hide visually and from screen readers, but maintain layout
214
+ */
215
+
216
+.invisible {
217
+    visibility: hidden;
218
+}
219
+
220
+/*
221
+ * Clearfix: contain floats
222
+ *
223
+ * For modern browsers
224
+ * 1. The space content is one way to avoid an Opera bug when the
225
+ *    `contenteditable` attribute is included anywhere else in the document.
226
+ *    Otherwise it causes space to appear at the top and bottom of elements
227
+ *    that receive the `clearfix` class.
228
+ * 2. The use of `table` rather than `block` is only necessary if using
229
+ *    `:before` to contain the top-margins of child elements.
230
+ */
231
+
232
+.clearfix:before,
233
+.clearfix:after {
234
+    content: " "; /* 1 */
235
+    display: table; /* 2 */
236
+}
237
+
238
+.clearfix:after {
239
+    clear: both;
240
+}
241
+
242
+/* ==========================================================================
243
+   EXAMPLE Media Queries for Responsive Design.
244
+   These examples override the primary ('mobile first') styles.
245
+   Modify as content requires.
246
+   ========================================================================== */
247
+
248
+@media only screen and (min-width: 35em) {
249
+    /* Style adjustments for viewports that meet the condition */
250
+}
251
+
252
+@media print,
253
+       (-webkit-min-device-pixel-ratio: 1.25),
254
+       (min-resolution: 1.25dppx),
255
+       (min-resolution: 120dpi) {
256
+    /* Style adjustments for high resolution devices */
257
+}
258
+
259
+/* ==========================================================================
260
+   Print styles.
261
+   Inlined to avoid the additional HTTP request:
262
+   https://www.phpied.com/delay-loading-your-print-css/
263
+   ========================================================================== */
264
+
265
+@media print {
266
+    *,
267
+    *:before,
268
+    *:after {
269
+        background: transparent !important;
270
+        color: #000 !important; /* Black prints faster */
271
+        -webkit-box-shadow: none !important;
272
+        box-shadow: none !important;
273
+        text-shadow: none !important;
274
+    }
275
+
276
+    a,
277
+    a:visited {
278
+        text-decoration: underline;
279
+    }
280
+
281
+    a[href]:after {
282
+        content: " (" attr(href) ")";
283
+    }
284
+
285
+    abbr[title]:after {
286
+        content: " (" attr(title) ")";
287
+    }
288
+
289
+    /*
290
+     * Don't show links that are fragment identifiers,
291
+     * or use the `javascript:` pseudo protocol
292
+     */
293
+
294
+    a[href^="#"]:after,
295
+    a[href^="javascript:"]:after {
296
+        content: "";
297
+    }
298
+
299
+    pre {
300
+        white-space: pre-wrap !important;
301
+    }
302
+    pre,
303
+    blockquote {
304
+        border: 1px solid #999;
305
+        page-break-inside: avoid;
306
+    }
307
+
308
+    /*
309
+     * Printing Tables:
310
+     * http://css-discuss.incutio.com/wiki/Printing_Tables
311
+     */
312
+
313
+    thead {
314
+        display: table-header-group;
315
+    }
316
+
317
+    tr,
318
+    img {
319
+        page-break-inside: avoid;
320
+    }
321
+
322
+    p,
323
+    h2,
324
+    h3 {
325
+        orphans: 3;
326
+        widows: 3;
327
+    }
328
+
329
+    h2,
330
+    h3 {
331
+        page-break-after: avoid;
332
+    }
333
+}

+ 341
- 0
css/normalize.css View File

@@ -0,0 +1,341 @@
1
+/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
2
+
3
+/* Document
4
+   ========================================================================== */
5
+
6
+/**
7
+ * 1. Correct the line height in all browsers.
8
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
9
+ */
10
+
11
+html {
12
+  line-height: 1.15; /* 1 */
13
+  -webkit-text-size-adjust: 100%; /* 2 */
14
+}
15
+
16
+/* Sections
17
+   ========================================================================== */
18
+
19
+/**
20
+ * Remove the margin in all browsers.
21
+ */
22
+
23
+body {
24
+  margin: 0;
25
+}
26
+
27
+/**
28
+ * Correct the font size and margin on `h1` elements within `section` and
29
+ * `article` contexts in Chrome, Firefox, and Safari.
30
+ */
31
+
32
+h1 {
33
+  font-size: 2em;
34
+  margin: 0.67em 0;
35
+}
36
+
37
+/* Grouping content
38
+   ========================================================================== */
39
+
40
+/**
41
+ * 1. Add the correct box sizing in Firefox.
42
+ * 2. Show the overflow in Edge and IE.
43
+ */
44
+
45
+hr {
46
+  box-sizing: content-box; /* 1 */
47
+  height: 0; /* 1 */
48
+  overflow: visible; /* 2 */
49
+}
50
+
51
+/**
52
+ * 1. Correct the inheritance and scaling of font size in all browsers.
53
+ * 2. Correct the odd `em` font sizing in all browsers.
54
+ */
55
+
56
+pre {
57
+  font-family: monospace, monospace; /* 1 */
58
+  font-size: 1em; /* 2 */
59
+}
60
+
61
+/* Text-level semantics
62
+   ========================================================================== */
63
+
64
+/**
65
+ * Remove the gray background on active links in IE 10.
66
+ */
67
+
68
+a {
69
+  background-color: transparent;
70
+}
71
+
72
+/**
73
+ * 1. Remove the bottom border in Chrome 57-
74
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
75
+ */
76
+
77
+abbr[title] {
78
+  border-bottom: none; /* 1 */
79
+  text-decoration: underline; /* 2 */
80
+  text-decoration: underline dotted; /* 2 */
81
+}
82
+
83
+/**
84
+ * Add the correct font weight in Chrome, Edge, and Safari.
85
+ */
86
+
87
+b,
88
+strong {
89
+  font-weight: bolder;
90
+}
91
+
92
+/**
93
+ * 1. Correct the inheritance and scaling of font size in all browsers.
94
+ * 2. Correct the odd `em` font sizing in all browsers.
95
+ */
96
+
97
+code,
98
+kbd,
99
+samp {
100
+  font-family: monospace, monospace; /* 1 */
101
+  font-size: 1em; /* 2 */
102
+}
103
+
104
+/**
105
+ * Add the correct font size in all browsers.
106
+ */
107
+
108
+small {
109
+  font-size: 80%;
110
+}
111
+
112
+/**
113
+ * Prevent `sub` and `sup` elements from affecting the line height in
114
+ * all browsers.
115
+ */
116
+
117
+sub,
118
+sup {
119
+  font-size: 75%;
120
+  line-height: 0;
121
+  position: relative;
122
+  vertical-align: baseline;
123
+}
124
+
125
+sub {
126
+  bottom: -0.25em;
127
+}
128
+
129
+sup {
130
+  top: -0.5em;
131
+}
132
+
133
+/* Embedded content
134
+   ========================================================================== */
135
+
136
+/**
137
+ * Remove the border on images inside links in IE 10.
138
+ */
139
+
140
+img {
141
+  border-style: none;
142
+}
143
+
144
+/* Forms
145
+   ========================================================================== */
146
+
147
+/**
148
+ * 1. Change the font styles in all browsers.
149
+ * 2. Remove the margin in Firefox and Safari.
150
+ */
151
+
152
+button,
153
+input,
154
+optgroup,
155
+select,
156
+textarea {
157
+  font-family: inherit; /* 1 */
158
+  font-size: 100%; /* 1 */
159
+  line-height: 1.15; /* 1 */
160
+  margin: 0; /* 2 */
161
+}
162
+
163
+/**
164
+ * Show the overflow in IE.
165
+ * 1. Show the overflow in Edge.
166
+ */
167
+
168
+button,
169
+input { /* 1 */
170
+  overflow: visible;
171
+}
172
+
173
+/**
174
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
175
+ * 1. Remove the inheritance of text transform in Firefox.
176
+ */
177
+
178
+button,
179
+select { /* 1 */
180
+  text-transform: none;
181
+}
182
+
183
+/**
184
+ * Correct the inability to style clickable types in iOS and Safari.
185
+ */
186
+
187
+button,
188
+[type="button"],
189
+[type="reset"],
190
+[type="submit"] {
191
+  -webkit-appearance: button;
192
+}
193
+
194
+/**
195
+ * Remove the inner border and padding in Firefox.
196
+ */
197
+
198
+button::-moz-focus-inner,
199
+[type="button"]::-moz-focus-inner,
200
+[type="reset"]::-moz-focus-inner,
201
+[type="submit"]::-moz-focus-inner {
202
+  border-style: none;
203
+  padding: 0;
204
+}
205
+
206
+/**
207
+ * Restore the focus styles unset by the previous rule.
208
+ */
209
+
210
+button:-moz-focusring,
211
+[type="button"]:-moz-focusring,
212
+[type="reset"]:-moz-focusring,
213
+[type="submit"]:-moz-focusring {
214
+  outline: 1px dotted ButtonText;
215
+}
216
+
217
+/**
218
+ * Correct the padding in Firefox.
219
+ */
220
+
221
+fieldset {
222
+  padding: 0.35em 0.75em 0.625em;
223
+}
224
+
225
+/**
226
+ * 1. Correct the text wrapping in Edge and IE.
227
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
228
+ * 3. Remove the padding so developers are not caught out when they zero out
229
+ *    `fieldset` elements in all browsers.
230
+ */
231
+
232
+legend {
233
+  box-sizing: border-box; /* 1 */
234
+  color: inherit; /* 2 */
235
+  display: table; /* 1 */
236
+  max-width: 100%; /* 1 */
237
+  padding: 0; /* 3 */
238
+  white-space: normal; /* 1 */
239
+}
240
+
241
+/**
242
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
243
+ */
244
+
245
+progress {
246
+  vertical-align: baseline;
247
+}
248
+
249
+/**
250
+ * Remove the default vertical scrollbar in IE 10+.
251
+ */
252
+
253
+textarea {
254
+  overflow: auto;
255
+}
256
+
257
+/**
258
+ * 1. Add the correct box sizing in IE 10.
259
+ * 2. Remove the padding in IE 10.
260
+ */
261
+
262
+[type="checkbox"],
263
+[type="radio"] {
264
+  box-sizing: border-box; /* 1 */
265
+  padding: 0; /* 2 */
266
+}
267
+
268
+/**
269
+ * Correct the cursor style of increment and decrement buttons in Chrome.
270
+ */
271
+
272
+[type="number"]::-webkit-inner-spin-button,
273
+[type="number"]::-webkit-outer-spin-button {
274
+  height: auto;
275
+}
276
+
277
+/**
278
+ * 1. Correct the odd appearance in Chrome and Safari.
279
+ * 2. Correct the outline style in Safari.
280
+ */
281
+
282
+[type="search"] {
283
+  -webkit-appearance: textfield; /* 1 */
284
+  outline-offset: -2px; /* 2 */
285
+}
286
+
287
+/**
288
+ * Remove the inner padding in Chrome and Safari on macOS.
289
+ */
290
+
291
+[type="search"]::-webkit-search-decoration {
292
+  -webkit-appearance: none;
293
+}
294
+
295
+/**
296
+ * 1. Correct the inability to style clickable types in iOS and Safari.
297
+ * 2. Change font properties to `inherit` in Safari.
298
+ */
299
+
300
+::-webkit-file-upload-button {
301
+  -webkit-appearance: button; /* 1 */
302
+  font: inherit; /* 2 */
303
+}
304
+
305
+/* Interactive
306
+   ========================================================================== */
307
+
308
+/*
309
+ * Add the correct display in Edge, IE 10+, and Firefox.
310
+ */
311
+
312
+details {
313
+  display: block;
314
+}
315
+
316
+/*
317
+ * Add the correct display in all browsers.
318
+ */
319
+
320
+summary {
321
+  display: list-item;
322
+}
323
+
324
+/* Misc
325
+   ========================================================================== */
326
+
327
+/**
328
+ * Add the correct display in IE 10+.
329
+ */
330
+
331
+template {
332
+  display: none;
333
+}
334
+
335
+/**
336
+ * Add the correct display in IE 10.
337
+ */
338
+
339
+[hidden] {
340
+  display: none;
341
+}

BIN
favicon.ico View File


+ 15
- 0
humans.txt View File

@@ -0,0 +1,15 @@
1
+# humanstxt.org/
2
+# The humans responsible & technology colophon
3
+
4
+# TEAM
5
+
6
+    <name> -- <role> -- <twitter>
7
+
8
+# THANKS
9
+
10
+    <name>
11
+
12
+# TECHNOLOGY COLOPHON
13
+
14
+    CSS3, HTML5
15
+    Apache Server Configs, jQuery, Modernizr, Normalize.css

BIN
icon.png View File


+ 0
- 0
img/.gitignore View File


BIN
img/cc0.png View File


+ 131
- 0
index.php View File

@@ -0,0 +1,131 @@
1
+<?php
2
+    $male = true;
3
+    $femName = "Jessica";
4
+    $maleName = "Jonathan";
5
+
6
+    $lname = "Yaniv";
7
+    $name = ($male ? $maleName : $femName);
8
+    $pro = ($male ? "he" : "she");
9
+    $pos = ($male ? "his" : "her");
10
+    $reflex = ($male ? "him" : "her");
11
+    $self = "{$reflex}self";
12
+
13
+    $cites = [
14
+        [
15
+            'title' => "When one person’s right is another’s obligation",
16
+            'url' => "https://www.economist.com/briefing/2018/10/25/when-one-persons-right-is-anothers-obligation",
17
+        ],
18
+        [
19
+            'title' => "Why I Am Permanently Banned From Twitter And Why This Should Make You Worry",
20
+            'url' => "https://mirandayardley.com/en/i-permanently-banned-twitter-make-worry/",
21
+        ]
22
+    ];
23
+    function cite($index) {
24
+        $citeNum = $index+1;
25
+        return "<sup class=\"cite\"><a href=\"#cite-link-{$index}\" class=\"cite\">[{$citeNum}]</a></sup>";
26
+    }
27
+?><!DOCTYPE html>
28
+<html class="no-js" lang="">
29
+<head>
30
+    <meta charset="utf-8" />
31
+    <meta http-equiv="x-ua-compatible" content="ie=edge" />
32
+
33
+    <title>PREDATOR: <?=$name?></title>
34
+    <meta name="description" content="" />
35
+
36
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
37
+    <link href="https://fonts.googleapis.com/css?family=Open+Sans|Quattrocento:700" rel="stylesheet">
38
+    <link rel="stylesheet" href="css/normalize.css" />
39
+    <link rel="stylesheet" href="css/ligtbox.min.css" />
40
+    <!--<link rel="stylesheet" href="css/main.css" />-->
41
+    <style type="text/css">
42
+    <?php include('./css/main.css'); ?>
43
+    </style>
44
+</head>
45
+<body class="<?=($male ? "safety-off" : "safe-space")?>">
46
+    <header>
47
+        <div class="clearfix"></div>
48
+        <h1><?=$name?> <?=$lname?> is a Sexual Predator</h1>
49
+        <div class="clearfix"></div>
50
+    </header>
51
+
52
+    <main>
53
+        <div class="clearfix"></div>
54
+        <section>
55
+            <p>
56
+                This is an expose regarding <?=$name?> <?=$lname?> (legally <?=$maleName?> <?=$lname?>, but asks to be called <?=$femName?> <?=$lname?>).
57
+            </p>
58
+            <p>
59
+                This document is not about transgender issues. It is about an abuser who uses trans issues to protect <?=$self?> from criticism.
60
+                Wearing the guise of a marginalized person, <?=$name?> has sued 16 different beauticians for refusing to wax <?=$pos?> penis and testicles.<?=cite(0)?>
61
+                Since then, <?=$pro?> has been uncovered by <em>dozens</em> of women as being a sex pest interested in developing girls.
62
+            </p>
63
+            <p>
64
+                Everyone, men and women, trans and cis, who have criticized <?=$lname?> have been subjected to strict censorship, threats of litigation, and deplatforming by YouTube, Twitter, and private web hosts.
65
+                This includes well-known transgender feminists like Miranda Yardley.<?=cite(1)?>
66
+             </p>
67
+         </section>
68
+         <section>
69
+            <h2>"Wax my Balls"</h2>
70
+            <p>
71
+                The initial incident with <?=$lname?> started when <?=$pro?> attempted to find an aesthetician willing to do work on <?=$pos?> genital region.
72
+                <?=$lname?> had problems doing this because <?=$pro?> insisted on contacting women who specialized in Brazilian waxes.
73
+                Either out of willful ignorance or malice, <?=$lname?> rejected advice that <?=$pro?> should seek out a general aesthetician who could work on male genitals.
74
+                There is a technical distinction between a Brazilian wax for female and male genitals. A specialist who only works with female genitals cannot work with male genitals.
75
+            </p>
76
+            <p>
77
+                Some of the women are claiming <?=$pro?> contacted them via messenger and telephone for <em>weeks</em> without taking 'no' as an answer!
78
+            </p>
79
+            <p>
80
+                Undeterreted, <?=$name?> <?=$lname?> filed complaints with the British Columbia Human Rights Tribunal against all 16 female beauticians who refused to service <?=$reflex?>.
81
+                This is different from a lawsuit. <?=$name?> claims that the beauticians fundamentally violated <?=$pos?> human rights by not waxing <?=$pos?> balls.
82
+                This human rights tribunal also has a second caveat: <?=$name?> <?=$lname?> doesn't need to get a lawyer (solicitor in Canada) to make <?=$pos?> case,
83
+                but the beauticians <em>do</em> need to pay for solicitors out of pocket to defend themselves and their careers.
84
+                Not only that, but because transgender law is so new and complicated, many solicitors refuse to help because it can hurt their careers as well!
85
+            </p>
86
+            <p>
87
+                Further, <?=$name?> <?=$lname?> filed with the Canadian courts to have publication of <?=$pos?> name <em>legally banned</em>, forcing all Canadian publications to refer to <?=$reflex?> simply as "JY".
88
+                It is quite clear that <?=$lname?> knows this behavior is deceitful, destructive, abusive, and generally appalling and would like people to not know what <?=$pro?> is doing.
89
+            </p>
90
+            <figure class="video">
91
+                <video poster="/video/fcqipv.jpg" controls>
92
+                    <source src="/video/fcqipv.webm" type="video/webm" />
93
+                    <source src="/video/fcqipv.mp4" type="video/mp4" />
94
+                </video>
95
+                <figcaption>
96
+                    <?php if (!$male) : ?>
97
+                    <p class="tw">
98
+                        This video features some TERF rhetoric, but she is a primary victim of a censorship campaign.
99
+                        It is the opinion of this author that censureship is acceptable, but censorship never is.
100
+                    </p>
101
+                    <?php endif; ?>
102
+                    <p>Gender abolitionist feminist <a href="https://www.youtube.com/user/Perzikyoghurt">Peachyogurt</a> explains the <?=$name?> <?=$lname?> situation from her point of view.</p>
103
+                </figcaption>
104
+            </figure>
105
+         </section>
106
+        <div class="clearfix"></div>
107
+    </main>
108
+
109
+    <footer>
110
+            <div class="clearfix"></div>
111
+            <section>
112
+                <h2>Citations</h2>
113
+                <dl class="cites">
114
+                <?php foreach($cites as $i => $cite) { ?>
115
+                    <dt><?=($i+1)?>.</dt>
116
+                    <dd name="cite-link-<?=($i+1)?>"><?="<a href=\"{$cites[$i]['url']}\"><em>{$cites[$i]['title']}</a></em>"?></dd>
117
+                <?php } ?>
118
+                </dl>
119
+            </section>
120
+
121
+            <p class="copyright"><img src="/img/cc0.png" /> No rights reserved. You may save, store, transmit, duplicate, edit, publish, or monetize this document in any way that pleases you.</p>
122
+            <p class="maintainer">This document is maintained by Joshua Moon <tt>&lt;<a href="mailto:josh@jaw.sh">josh@jaw.sh</a>&gt;</tt>. Submit comments, complaints and litigation to that address. Yes, that means you Jonathan.</p>
123
+            <div class="clearfix"></div>
124
+    </footer>
125
+
126
+    <script src="js/vendor/modernizr-3.6.0.min.js"></script>
127
+    <script src="js/vendor/lightbox.min.js"></script>
128
+    <script src="js/plugins.js"></script>
129
+    <script src="js/main.js"></script>
130
+</body>
131
+</html>

+ 0
- 0
js/main.js View File


+ 24
- 0
js/plugins.js View File

@@ -0,0 +1,24 @@
1
+// Avoid `console` errors in browsers that lack a console.
2
+(function() {
3
+  var method;
4
+  var noop = function () {};
5
+  var methods = [
6
+    'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error',
7
+    'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log',
8
+    'markTimeline', 'profile', 'profileEnd', 'table', 'time', 'timeEnd',
9
+    'timeline', 'timelineEnd', 'timeStamp', 'trace', 'warn'
10
+  ];
11
+  var length = methods.length;
12
+  var console = (window.console = window.console || {});
13
+
14
+  while (length--) {
15
+    method = methods[length];
16
+
17
+    // Only stub undefined methods.
18
+    if (!console[method]) {
19
+      console[method] = noop;
20
+    }
21
+  }
22
+}());
23
+
24
+// Place any jQuery/helper plugins in here.

+ 2
- 0
js/vendor/jquery-3.3.1.min.js
File diff suppressed because it is too large
View File


+ 38
- 0
js/vendor/lightbox.min.js
File diff suppressed because it is too large
View File


+ 3
- 0
js/vendor/modernizr-3.6.0.min.js
File diff suppressed because it is too large
View File


+ 5
- 0
robots.txt View File

@@ -0,0 +1,5 @@
1
+# www.robotstxt.org/
2
+
3
+# Allow crawling of all content
4
+User-agent: *
5
+Disallow:

+ 8
- 0
site.webmanifest View File

@@ -0,0 +1,8 @@
1
+{
2
+    "icons": [{
3
+        "src": "icon.png",
4
+        "sizes": "192x192",
5
+        "type": "image/png"
6
+    }],
7
+    "start_url": "/"
8
+}

BIN
tile-wide.png View File


BIN
tile.png View File


BIN
video/fcqipv.jpg View File


BIN
video/fcqipv.mp4 View File


BIN
video/fcqipv.webm View File


Loading…
Cancel
Save