SerTalithaT · FravBox · Dec 21, 2024 · Dec 21, 2024 · Dec 21, 2024 · Dec 21, 2024
diff --git a/README.md b/README.md
@@ -1,3 +1,8 @@
-# vidding-photosensitivity-relay
-VPR is meant to serve as a consisent system for denoting photosenstivy triggers in fan-made videos.
-This is designed to be a commuinty-based collboration. 
+# Vidding Photosensitivity Relay
+<img title="Enby, a pink octopus with sunglasses, by artist James Eden" src="img/enby_octopus_by_jameseden.png" height="500px">
+
+ Vidding is the name for the hobby of editing fan-videos. Photosensitive individuals are often overlooked when creating and sharing content, making it hard for them to find videos that are safe to view. The VPR system seeks to change this by offering information on how to relay content advisories for common photosensitive risks.
+
+If you'd like to read more about what can cause seizures to further help rate your video, please see [WCAG](https://www.w3.org/TR/UNDERSTANDING-WCAG20/seizure-does-not-violate.html) (Web content accessibility guidelines) and/or [Prodicle's Photosensitivity Prevention Best Practice Guideline - Production](https://web.archive.org/web/20211130113204/https://help.prodicle.com/hc/en-us/articles/360044218174-Photosensitivity-Prevention-Best-Practice-Guideline-Production) (TODO: find a more reliable url or copy the content elsewhere as it's no longer public.)
+
+**This is designed as a community-based collaboration. You can submit issues and pull requests to this repo. The actual website is located at: TBA**
diff --git a/_access/psv.md b/_access/psv.md
@@ -0,0 +1,5 @@
+---
+name: PSV - Photosensitive Substitute Videos
+shortcode: 01
+---
+I don't think we need this but made a placeholder page for it anyway.
diff --git a/_access/vlc.md b/_access/vlc.md
@@ -0,0 +1,5 @@
+---
+name: Use VLC Media Player Video Filters
+shortcode: 02
+---
+Using [VLC Media Player](https://www.videolan.org/), you can add [several different filters](https://wiki.videolan.org/Documentation:Video_and_Audio_Filters/#Video_filters) to videos while they play. Primarily of use are the brightness, contrast, and saturation sliders. 
diff --git a/_config.yml b/_config.yml
@@ -0,0 +1,24 @@
+remote_theme: pages-themes/midnight@v0.2.0
+plugins:
+- jekyll-remote-theme
+
+title: VPR
+description: The Vidding Photosensitivity Relay is meant to serve as a consistent system for denoting photosenstivy triggers in fan-made videos. This is designed to be a community-based collaboration.
+
+collections:
+  risks:
+    sort_by: shortcode
+    output: true
+
+  writing:
+    output: true
+    # for some reason all sorts aren't working??
+    sort_by: shortcode
+
+  faq:
+    output: true
+    sort_by: shortcode
+
+  access:
+    output: true
+    sort_by: shortcode
diff --git a/_faq/badvideo.md b/_faq/badvideo.md
@@ -0,0 +1,6 @@
+---
+name: Is it a bad thing if my video has a lot of risk factors?
+shortcode: 03
+---
+
+The VPR is not a statement on the quality of your video. It is simply a label to allow greater access for photosensitive people to decide if they are able to watch your video or not. Think of it like a TW/CW. A video that has a CW or TW doesn't mean it's a bad video.
diff --git a/_faq/editingstyle.md b/_faq/editingstyle.md
@@ -0,0 +1,6 @@
+---
+name: Are you asking me to change my editing style to accommodate others?
+shortcode: 01
+---
+
+No. Feel free to edit however you want! All we ask is that you label your video.
diff --git a/_faq/novpr.md b/_faq/novpr.md
@@ -0,0 +1,10 @@
+---
+name: I don't want to use the VPR. Is there another way I can be considerate of photosensitive viewers?
+shortcode: 02
+---
+
+Use of a standard Content Warning with an explanation of what is in the video will help.    
+Example: CW: flashing, red.
+
+A generic notice like "flash warning," "photosensitivity advisory" etc. is also helpful, but more vague than a CW.    
+Using "epilepsy warning" is discouraged. It can be seen as reductive and exclusionary. Photosensitive epilepsy is not the only form of epilepsy and many photosensitive individuals are not epileptic.
diff --git a/_includes/head-custom.html b/_includes/head-custom.html
@@ -0,0 +1,12 @@
+<!-- start custom head snippets, customize with your own _includes/head-custom.html file -->
+
+<!-- Setup theme-color -->
+{% include head-custom-theme-colors.html %}
+
+<!-- Setup Google Analytics -->
+<!-- {% include head-custom-google-analytics.html %} -->
+
+<!-- You can set your favicon here -->
+<!-- link rel="shortcut icon" type="image/x-icon" href="{{ '/favicon.ico' | relative_url }}" -->
+
+<!-- end custom head snippets -->
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -0,0 +1,68 @@
+<!doctype html>
+<html lang="{{ site.lang | default: "en-US" }}">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
+{% seo %}
+    <link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: site.github.build_revision | relative_url }}">
+    <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
+    <script src="{{ '/assets/js/respond.js' | relative_url }}"></script>
+    <!--[if lt IE 9]>
+      <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
+    <!--[if lt IE 8]>
+    <link rel="stylesheet" href="{{ '/assets/css/ie.css' | relative_url }}">
+    <![endif]-->
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
+    {% include head-custom.html %}
+  </head>
+  <body>
+      <div id="header">
+        <nav>
+          <div class="brand"><span class="title"><a title="home" href="{{site.github.baseurl}}">{{ site.title | default: site.github.repository_name }}</a></span>
+            <ul><li class="repo"><a href="{{ site.github.repository_url }}"><img src="{{site.github.baseurl}}/img/github-mark.png" title="Github" style="height:12px;"></img> Repo</a></li>
+            {% if site.show_downloads %}
+              <li class="downloads"><a href="{{ site.github.zip_url }}">ZIP</a></li>
+              <li class="downloads"><a href="{{ site.github.tar_url }}">TAR</a></li>
+              <li class="title">DOWNLOADS</li>
+            {% endif %}
+            </div>
+            <!-- Top nav is here -->
+            <ul class="site-nav">
+              <li>
+                <a href="{{site.github.baseurl}}/risks.html">Risks</a>
+              </li>
+
+              <li>
+                <a href="{{site.github.baseurl}}/writing.html">Writing VPR</a>
+              </li>
+
+              <li>
+                <a href="{{site.github.baseurl}}/access.html">Self-help for Accessibility</a>
+              </li>
+
+              <li>
+                <a href="{{site.github.baseurl}}/faq.html">FAQ</a>
+              </li>
+          </ul>
+          <!-- end top nav -->
+        </nav>
+      </div><!-- end header -->
+
+    <div class="wrapper">
+
+      <section id="repodetails">
+        <div id="title">
+          <h1>{{ site.title | default: site.github.repository_name }}</h1>
+          <p>{{ site.description | default: site.github.project_tagline }}</p>
+          <span class="credits">Project maintained by <a href="{{ site.github.owner_url }}">{{ site.github.owner_name }}</a></span>
+        </div>
+      </section>
+      <section id="content">
+        {{ content }}
+      <a class="top" href="#top">Jump to top</a>
+      </section>
+    </div>
+  </body>
+</html>
diff --git a/_risks/blurs.md b/_risks/blurs.md
@@ -0,0 +1,19 @@
+---
+name: Blurs
+shortcode: B
+---
+
+Any full screen blurs or blurring effects.    
+Note that the blur need only be present; you do not have to see the transition from unblurred to blurred for this to count as a risk.
+
+- Motion blurs
+- Gaussian blurs
+- Directional blurs
+- Etc.
+
+## Exclusions
+
+- **Bokeh** is either flickering (F) or texture (T), depending on behavior
+- **Motion blur when used with zooms** should only be counted as zooms and/or motion transitions (M)
+- If the **blur only takes place around the border of the frame**, it should be noted as Peripheral (P) instead
+
diff --git a/_risks/colors.md b/_risks/colors.md
@@ -0,0 +1,37 @@
+---
+name: Colors
+shortcode: C
+---
+
+This category is almost entirely exclusive to animated videos.     
+Live-action videos with scenes in this category are usually strobes, and should be labeled as such.
+
+## Special Consideration for Colors
+**Specific color(s) should always be named in relays.** Individuals may have especially high sensitivity to particular colors, but not others.    
+When possible, include every color that would fall into this category. If there are flashing colors, patterns, or vivid silhouettes (e.g. the utena anime or persona games), include the specific color combinations (like "red/black high contrast scenes" or "red/green glitching"). 
+
+## Colors
+- Any case where a specific colored element is designed to draw your attention.
+- Silhouettes (Example is also **"P"**)
+- Pure, solid colors with little to no shading
+- A solid color is 25% or more of the frame
+- All grayscale except for one color
+- Color field offset
+- Both pure black and pure white are present
+- [Color bars](https://en.wikipedia.org/wiki/SMPTE_color_bars)
+- Invert effects
+
+## High Contrast Colors & Scenes
+Specify when the colors that stand out are in a scene that has high contrast.
+
+Some examples:
+- Black & Yellow
+- Red (Also **"T"**)
+
+## Intense Colors
+Generally, these are high contrast colors & scenes, but more severe and thus should be separated for specificity.
+
+- Glitching effects
+- Colorama effects
+- Two (2) or more colors of light are touching (red, green, blue, yellow, cyan, magenta, white, and/or black)
+- Most [emergency vehicle lighting](https://en.wikipedia.org/wiki/Emergency_vehicle_lighting), although this usually is grouped under **"S"** due to the movement
diff --git a/_risks/flashing.md b/_risks/flashing.md
@@ -0,0 +1,31 @@
+---
+name: Flashing & Flickering
+shortcode: F
+---
+
+## Flashing
+Read more about flashing in the [Xbox Accessibility Guidelines](https://web.archive.org/web/20241216140828/https://learn.microsoft.com/en-us/gaming/accessibility/xbox-accessibility-guidelines/118#implementation-guidelines).
+
+- Rapid dips to any color (most commonly white or black flashes)
+- Quick changes in brightness, curves, hue, saturation, or levels
+
+**Some examples**
+- Lightning, including in the clouds, or related magical effects
+- Some types of "light leaks" overlays and transitions.    
+(These could also be **"T"**)
+- Some types of lens flares    
+(These could also be **"S"**)
+- [Muzzle flashes](https://en.wikipedia.org/wiki/Muzzle_flash)
+- The flash in flash photography
+
+
+## Flickering
+A flicker is a flash that is always present and may never reach 100% opacity.
+
+**Some examples**
+- Light beams or light reflecting off other materials
+- Bokeh    
+(These could also be **"T"**)
+- "White shinies" such as those on water or waves
+- Flickering/twinkling stars
+- Faulty flourescent lighting
diff --git a/_risks/motion.md b/_risks/motion.md
@@ -0,0 +1,16 @@
+---
+name: Motion
+shortcode: M
+---
+
+Motion effects or transitions that mimic fast camera movement can be risk factors. Such effects and transitions added in the editing process are easily identifiable, but many problematic scenes can be natural to a source.
+
+- Sweeping camera movements
+- Handheld camera / "shaky cam"
+- Fast-moving characters
+- Dramatic rushes toward the camera
+- Motion transitions
+- Zooms
+- Spinning
+
+Note: [Dolly zooms](https://en.wikipedia.org/wiki/Dolly_zoom) should be Peripheral (P) or Warps (W) depending on behavior. 
diff --git a/_risks/peripheral.md b/_risks/peripheral.md
@@ -0,0 +1,25 @@
+---
+name: Peripheral
+shortcode: P
+---
+
+Any effects or motion that happen in the peripherary or along the edges of frames/video can be risk factors.     
+Any type of peripheral effect would belong here, but **always note whether the effect is moving.**
+
+## Peripheral Effects
+
+- Vignettes
+- Borders
+- Glitches (on the edge)
+- Letterboxing or pillarboxing
+- Lens distortions
+- Anything that moves which only takes place near the edge of the frame or only one of its sides
+  - Example: fire only along the bottom edge
+
+
+## Peripheral Framing
+Noting peripheral framing is only necessary when the periphery elements are: (a) moving, or (b) straight lines, and/or (c) a different color from the rest of the frame.
+
+- When the [rule of thirds](https://en.wikipedia.org/wiki/Rule_of_thirds) or [leading lines](https://www.slrlounge.com/leading-lines-photography-examples/) are taken to extremes
+- When the composition of a scene has straight lines near any of the edges
+- [Dolly zooms](https://en.wikipedia.org/wiki/Dolly_zoom) (which may also be **"W"** based on behavior)
diff --git a/_risks/quick.md b/_risks/quick.md
@@ -0,0 +1,14 @@
+---
+name: Quick Changes
+shortcode: Q
+---
+
+Generally speaking, almost all risk categories have things that happen quickly. "Quick Changes" is a special category for items which happen quickly but do not also fit any other category.
+
+This category is for **transitioning from one scene to another rapidly** (quick fades or quick cuts), but **only when** the sequence does not otherwise qualify as a strobe.
+
+- Quick cuts
+- Quick fades
+- Several match cuts in succession
+- Cuts between zooms, such as cutting from 100% to 150% to 300% quickly in succession
+
diff --git a/_risks/strobes.md b/_risks/strobes.md
@@ -0,0 +1,31 @@
+---
+name: Strobes
+shortcode: S
+---
+
+## Strobing
+One of the most dangerous photosensitive risks as they are often the cause of seizures.
+**Strobes do <u>not</u> have to be single frames flashing by**; they can also be a persistent switching at a slower, but continuous interval. 
+
+## Light Strobes
+The first type of strobe that usually comes to mind when you think of the word. It refers to switching between different high contrast colors, objects, or scenes at a persistent interval.
+
+- Multi-flashing or successive flashing used for [flash photography](https://en.wikipedia.org/wiki/Flash_(photography))
+- [Emergency vehicle lighting](https://en.wikipedia.org/wiki/Emergency_vehicle_lighting)     
+(This may also be **"C"**)
+- Strobe lights
+- Very strong, moving, and/or pulsating lens flares
+
+## Natural-pattern Strobing
+Another frequent trigger, these occur most often in nature and/or live-action videos. Colloquically called "Natural strobes."
+
+- Any source of light that is blocked intermittently. This includes light through pillars, fans, trees, color contrasts, etc.
+- Light sources partially blocked by other materials, such as leaves or a hand
+- [Stroboscopic effects](https://en.wikipedia.org/wiki/Stroboscopic_effect)
+- [Wagon-wheel effects](https://en.wikipedia.org/wiki/Wagon-wheel_effect)
+
+## Other Strobing
+- [Optical moiré speedup](https://en.wikipedia.org/wiki/Line_moir%C3%A9#Speedup_of_movements_with_moir%C3%A9) or lenticular effects
+- [Jerkiness](https://en.wikipedia.org/wiki/Jerkiness), stuttering, choppy video, or footage that appears to be at a low fps rate.
+- [Film strips](https://www.youtube.com/watch?v=xYF4dK5HATo)    
+(This would also be **"P"** and potentially **"T"**, but **"S"** would take precedence)
diff --git a/_risks/textures.md b/_risks/textures.md
@@ -0,0 +1,44 @@
+---
+name: Textures, Overlays, Patterns, & Particles
+shortcode: T
+---
+
+## Textures & Overlays
+These are any sort of texture or overlay where movement also occurs.    
+If the video moves while the overlay or texture does not, this counts as movement.
+
+**Some examples**
+- TV snow/noise or film grain
+- VHS effects     
+(Could also count as **"F"** and/or **"C"**)
+- Manga halftones
+- [Moiré patterns](https://en.wikipedia.org/wiki/Moir%C3%A9_pattern)    
+(Though in some cases this may also be **"S"**)
+- Animations with natural or added styles such as, or similar to, Gankutsuou or Mononoke
+- Noticable lightleaks, bokeh, and other similar overlays that may not fall into flashing and/or flickering
+- [Heat haze](https://en.wikipedia.org/wiki/Mirage#Heat_haze)     
+(Which may also count as **"W"**)
+
+## Patterns
+Any sort of pattern that appears on screen and has some type of movement or repeats over time.
+
+**Some examples**
+- Geometric shapes, such as circles or squares (Caution: this link is also a strobe)
+- Certain types of water ripples
+- Mirroring, tiling, or duplication effects
+- Time echo effects, speed trails, or motion trails
+- [Star trails](https://en.wikipedia.org/wiki/Star_trail)
+- [Color Banding](https://en.wikipedia.org/wiki/Colour_banding)
+- All sync elements used in the [Euphoria](https://www.youtube.com/watch?v=rq2lU-YI3Xk) AMV     
+(VPR: major patterns, major peripheral, overlays, flickering, frequent cuts & dips to black, some low fps scenes)
+- This is a GIF of polka dots and tiling (note: the second part could also be a strobe)
+
+## Particles
+This applies to the more obvious particle effects as well as "busy scenes," such as ones with complicated backgrounds or where several individual elements move independently.
+
+**Some examples**
+- Crowds of people or animals which move, e.g. Cells at Work and/or Shibuya Crossing
+- Fireworks in live-action sources or animated in a realistic/detailed way
+- Ephemeral glowing or magic
+- Particle effects such as (but not limited to): 1 \| 2
+